Hotfix: 판매정보 작성 페이지에서 헤더를 고정시키고 스크롤 컨테이너 영역 지정 #224

sharemindteam · Apr 26, 2024 · c6e36ab · c6e36ab
1 parent a968a5b
commit c6e36ab
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/components/Common/TabB2.tsx b/src/components/Common/TabB2.tsx
@@ -4,7 +4,7 @@ import styled from 'styled-components';
 // 왼쪽 아이콘 Import 후 <div className="left-icon"> <아이콘/></div>
 // 오른쪾 아이코 Import 후 <div className="right-icon"><아이콘/></div>
 
-export const TabB2 = styled.div`
+export const TabB2 = styled.header`
   display: flex;
   align-items: center;
   background-color: ${White};

diff --git a/src/components/Seller/SellerMyPageModifyProfile/ModifyProfileMainSection.tsx b/src/components/Seller/SellerMyPageModifyProfile/ModifyProfileMainSection.tsx
@@ -484,6 +484,8 @@ const ModifyProfileMainSectionWrapper = styled.section`
   margin-top: 0.2rem;
   flex-direction: column;
   gap: 1.1rem;
+  height: calc(100vh - 5.3rem);
+  overflow:scroll;
 `;
 
 const ModifyProfileBox = styled.div`
@@ -581,5 +583,4 @@ const ExperienceTextArea = styled.textarea`
   }
 `;
 
-
 export default React.memo(ModifyProfileMainSection);