From 07e24abb7ff36a70ec654304f01354fe4cdb984a Mon Sep 17 00:00:00 2001
From: "songhj10207@naver.com" <songhj10207@naver.com>
Date: Mon, 25 Nov 2024 15:52:00 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EB=A6=AC=EC=8A=A4=ED=8A=B8=20=ED=8E=98?=
 =?UTF-8?q?=EC=9D=B4=EC=A7=80=20=EA=B2=80=EC=83=89=EC=B0=BD=20=EC=83=81?=
 =?UTF-8?q?=EB=8B=A8=20=EA=B3=A0=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/store/StoreList.jsx | 32 ++++++++++++++++-------
 1 file changed, 23 insertions(+), 9 deletions(-)

diff --git a/src/components/common/store/StoreList.jsx b/src/components/common/store/StoreList.jsx
index f1c39b4..650d5df 100644
--- a/src/components/common/store/StoreList.jsx
+++ b/src/components/common/store/StoreList.jsx
@@ -162,11 +162,11 @@ const StoreList = () => {
         );
     return (
         <StoreListLayout>
-            <ButtonContainer>
-                <Button visible="true" color="green" onClickHandler={() => navigate('/')} text="뒤로 가기" />
-                <Button visible="true" color="green" onClickHandler={allFetchButtonHandler} text="전체 식당 보기" />
-            </ButtonContainer>
-            <FilteringContentsContainer>
+            <StoreListHeader>
+                <ButtonContainer>
+                    <Button visible="true" color="green" onClickHandler={() => navigate('/')} text="뒤로 가기" />
+                    <Button visible="true" color="green" onClickHandler={allFetchButtonHandler} text="전체 식당 보기" />
+                </ButtonContainer>
                 <SearchBarContainer>
                     <SearchBar
                         onChangeHandler={(e) => setInput(e.target.value)}
@@ -174,6 +174,8 @@ const StoreList = () => {
                         searchInput={input}
                     />
                 </SearchBarContainer>
+            </StoreListHeader>
+            <FilteringContentsContainer>
                 <Filtering category={category} />
                 <SortBox>
                     <p>정렬</p>
@@ -268,17 +270,18 @@ const Ref = styled.div`
 
 const ButtonContainer = styled.div`
     gap: 10px;
-    position: sticky;
     width: 100%;
-    height: 80px;
+    height: 60px;
     padding: 10px;
-    top: 0;
     display: flex;
     flex-direction: row;
     align-items: center;
     z-index: 20;
     background-color: ${White};
-    border-bottom: 1px solid ${LightGrey};
+
+    @media screen and (max-width: 500px) {
+        height: 50px;
+    }
 `;
 
 const SearchBarContainer = styled.div`
@@ -340,3 +343,14 @@ const LoadingContainer = styled.div`
         margin-right: 90px;
     }
 `;
+
+const StoreListHeader = styled.div`
+    position: sticky;
+    width: 100%;
+    top: 0;
+    display: flex;
+    flex-direction: column;
+    z-index: 20;
+    background-color: ${White};
+    border-bottom: 1px solid ${LightGrey};
+`;