style. header height 수정

Read-bird · Jan 9, 2024 · e38aca9 · e38aca9
1 parent 6e245b4
commit e38aca9
Show file tree

Hide file tree

Showing 9 changed files with 9 additions and 9 deletions.
diff --git a/src/components/templates/HomeTemplate/Styled.tsx b/src/components/templates/HomeTemplate/Styled.tsx
@@ -12,7 +12,7 @@ export const Wrap = styled.div`
 export const Head = styled.section`
   position: relative;
   width: 100%;
-  flex: 0 0 95px;
+  flex: 0 0 85px;
 
   display: flex;
   flex-direction: column;

diff --git a/src/components/templates/HomeTemplate/Week/WeekTemplate.tsx b/src/components/templates/HomeTemplate/Week/WeekTemplate.tsx
@@ -70,7 +70,7 @@ export const WeekTemplate = memo(() => {
   const listHeight = useMemo(() => {
     const doc = document.querySelector('#root') as HTMLElement;
     const scrollHeight = doc.scrollHeight;
-    const headerHeight = 95;
+    const headerHeight = 85;
     const footerHeight = 70;
     const bodyHeight = 307;
     return scrollHeight - (headerHeight + footerHeight + bodyHeight);

diff --git a/src/components/templates/MyPageTemplate/MyEncyclopediaTemplate/MyEncyclopediaTemplate.tsx b/src/components/templates/MyPageTemplate/MyEncyclopediaTemplate/MyEncyclopediaTemplate.tsx
@@ -21,7 +21,7 @@ export const MyEncyclopediaTemplate = () => {
   const listHeight = useMemo(() => {
     const doc = document.querySelector('#root') as HTMLElement;
     const scrollHeight = doc.scrollHeight;
-    const headerHeight = 95;
+    const headerHeight = 85;
     const footerHeight = 70;
     const bodyHeight = 30;
     const height = scrollHeight - (headerHeight + footerHeight + bodyHeight);

diff --git a/src/components/templates/MyPageTemplate/MyLibraryTemplate/MyLibraryTemplate.tsx b/src/components/templates/MyPageTemplate/MyLibraryTemplate/MyLibraryTemplate.tsx
@@ -32,7 +32,7 @@ export const MyLibraryTemplate = () => {
   const listHeight = useMemo(() => {
     const doc = document.querySelector('#root') as HTMLElement;
     const scrollHeight = doc.scrollHeight;
-    const headerHeight = 95;
+    const headerHeight = 85;
     const footerHeight = 70;
     const bodyHeight = 30;
     return scrollHeight - (headerHeight + footerHeight + bodyHeight);

diff --git a/src/components/templates/MyPageTemplate/MyMainTemplate/MyMenu.tsx b/src/components/templates/MyPageTemplate/MyMainTemplate/MyMenu.tsx
@@ -35,7 +35,7 @@ export const MyMenu = () => {
   const listHeight = useMemo(() => {
     const doc = document.querySelector('#root') as HTMLElement;
     const scrollHeight = doc.scrollHeight;
-    const headerHeight = 95;
+    const headerHeight = 85;
     const footerHeight = 70;
     const bodyHeight = 95;
     const height = scrollHeight - (headerHeight + footerHeight + bodyHeight);

diff --git a/src/components/templates/MyPageTemplate/MyRestoreTemplate/MyRestoreTemplate.tsx b/src/components/templates/MyPageTemplate/MyRestoreTemplate/MyRestoreTemplate.tsx
@@ -50,7 +50,7 @@ export const MyRestoreTemplate = () => {
   const listHeight = useMemo(() => {
     const doc = document.querySelector('#root') as HTMLElement;
     const scrollHeight = doc.scrollHeight;
-    const headerHeight = 95;
+    const headerHeight = 85;
     const footerHeight = 70;
     const bodyHeight = 30;
     return scrollHeight - (headerHeight + footerHeight + bodyHeight);

diff --git a/src/components/templates/SearchTemplate/SearchMain/SearchMain.tsx b/src/components/templates/SearchTemplate/SearchMain/SearchMain.tsx
@@ -15,7 +15,7 @@ export const SearchMain = () => {
   const listHeight = useMemo(() => {
     const doc = document.querySelector('#root') as HTMLElement;
     const scrollHeight = doc.scrollHeight;
-    const headerHeight = 95;
+    const headerHeight = 85;
     const footerHeight = 70;
     const bodyHeight = 20 + 66 + 18 + 23 + 18;
     return scrollHeight - (headerHeight + footerHeight + bodyHeight);

diff --git a/src/components/templates/SearchTemplate/SearchResult/SearchResult.tsx b/src/components/templates/SearchTemplate/SearchResult/SearchResult.tsx
@@ -59,7 +59,7 @@ export const SearchResult = memo(() => {
   const listHeight = useMemo(() => {
     const doc = document.querySelector('#root') as HTMLElement;
     const scrollHeight = doc.scrollHeight;
-    const headerHeight = 95;
+    const headerHeight = 85;
     const footerHeight = 70;
     const bodyHeight = 20 + 30 + 20;
     return scrollHeight - (headerHeight + footerHeight + bodyHeight);

diff --git a/src/components/templates/SearchTemplate/Styled.tsx b/src/components/templates/SearchTemplate/Styled.tsx
@@ -13,7 +13,7 @@ export const Wrap = styled.form`
 export const Head = styled.section`
   position: relative;
   width: 100%;
-  flex: 0 0 95px;
+  flex: 0 0 85px;
   padding: 0 13px;
 
   display: flex;