Fix: 검색 페이지 input 스타일 리팩토링

sharemindteam · Apr 18, 2024 · 07a82dc · 07a82dc
1 parent 1419d58
commit 07a82dc
Showing 1 changed file with 6 additions and 7 deletions.
diff --git a/src/components/Buyer/BuyerSearch/SearchHeader.tsx b/src/components/Buyer/BuyerSearch/SearchHeader.tsx
@@ -40,8 +40,8 @@ export const SearchHeader = () => {
           placeHolderColor={Grey4}
           height="4.4rem"
           width="100%"
-          padding="0 3.2rem 0 0"
-          textIndent="1rem"
+          isBoxSizing={true}
+          padding="0.8rem 3.4rem 0.8rem 1.6rem"
         />
         <SearchIcon onClick={handleSubmit} />
       </FormWrapper>
@@ -50,26 +50,25 @@ export const SearchHeader = () => {
 };
 const Wrapper = styled.div`
   height: 5.2rem;
+  gap: 0.8rem;
   background-color: ${White};
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
+  box-sizing: border-box;
   padding: 0.4rem 2rem;
 `;
 const BackIcon = styled(Back)`
-  position: absolute;
-  top: 1.4rem;
-  left: 2rem;
   cursor: pointer;
 `;
 const FormWrapper = styled.form`
   position: relative;
-  width: 79%;
+  width: 80%;
 `;
 const SearchIcon = styled(Search)`
   position: absolute;
-  right: -2.7rem;
+  right: 0.8rem;
   top: 0.8rem;
   cursor: pointer;
 `;