Merge pull request #199 from Gachon-Univ-Creative-Code-Innovation/fix/move_button

카테고리 페이지에서 정렬버튼 검색박스 내부로 위치 변경

Author: Kim-songhui

src/components/SortButton/SortButton.css

@@ -7,7 +7,7 @@
   justify-content: center;
   gap: 10px;
   padding: 12px 20px;
-  border: 2px solid #1d1652;
+  border: none;
   border-radius: 10px;
   box-sizing: border-box;
   cursor: pointer;

src/screens/Community/Community.css

@@ -34,6 +34,7 @@
   width: 100%;
   max-width: 800px;
   margin: 40px auto;
+  overflow: visible;
 }
 
 .community-keyword-box {
@@ -49,10 +50,18 @@
   position: relative;
   box-shadow: 0 4px 20px rgba(29, 22, 82, 0.08), inset 0 0 0 2px #e8f2ff;
   transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-  overflow: hidden;
+  overflow: visible;
   max-width: 500px;
 }
 
+.community-keyword-box > :first-child {
+  padding: 0;
+  margin: 0;
+  align-self: stretch;
+  display: flex;
+  align-items: center;
+}
+
 .community-keyword-box:focus-within {
   box-shadow: 0 4px 20px rgba(29, 22, 82, 0.08), inset 0 0 0 2px #1d1652;
 }
@@ -106,9 +115,9 @@
 
 .community-input {
   flex: 1;
-  padding: 18px 24px;
+  padding: 18px 16px;
   border: none;
-  border-radius: 16px 0 0 16px;
+  border-radius: 0;
   font-size: 16px;
   font-family: 'GmarketSans', sans-serif;
   font-weight: 400;

src/screens/Community/Community.jsx

@@ -52,7 +52,7 @@ export const Community = () => {
       setSearchResults(res.data.postList);
       setSearchPage(res.data.pageNumber);
       setSearchTotalPages(res.data.totalPages);
-    } catch (err) {
+    } catch {
       setSearchResults([]);
     }
   };
@@ -67,6 +67,7 @@ export const Community = () => {
           {/* 검색창 + 모집 버튼 */}
           <div className="community-frame-keyword">
             <div className="community-keyword-box">
+              <SortButton onChange={setSelectedSort} />
               <input
                 type="text"
                 className="community-input"
@@ -100,9 +101,7 @@ export const Community = () => {
             onTabChange={setSelectedCategory}
           />
 
-          <div className="community-frame-sort">
-            <SortButton onChange={setSelectedSort} />
-          </div>
+
 
           {/* 검색어가 있으면 검색 결과만, 없으면 기존 카테고리별 목록 */}
           {searchKeyword.trim() ? (