From e38aca9363960f8c1f87553e2275441c739806a4 Mon Sep 17 00:00:00 2001 From: hyu-dev Date: Wed, 10 Jan 2024 08:22:01 +0900 Subject: [PATCH] =?UTF-8?q?style.=20header=20height=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/templates/HomeTemplate/Styled.tsx | 2 +- src/components/templates/HomeTemplate/Week/WeekTemplate.tsx | 2 +- .../MyEncyclopediaTemplate/MyEncyclopediaTemplate.tsx | 2 +- .../MyPageTemplate/MyLibraryTemplate/MyLibraryTemplate.tsx | 2 +- .../templates/MyPageTemplate/MyMainTemplate/MyMenu.tsx | 2 +- .../MyPageTemplate/MyRestoreTemplate/MyRestoreTemplate.tsx | 2 +- .../templates/SearchTemplate/SearchMain/SearchMain.tsx | 2 +- .../templates/SearchTemplate/SearchResult/SearchResult.tsx | 2 +- src/components/templates/SearchTemplate/Styled.tsx | 2 +- 9 files changed, 9 insertions(+), 9 deletions(-) diff --git a/src/components/templates/HomeTemplate/Styled.tsx b/src/components/templates/HomeTemplate/Styled.tsx index 5ab5792..ada8814 100644 --- 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 index b470ab7..0b11ced 100644 --- 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 index 8c2524c..dd3c7e6 100644 --- 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 index 50e3b61..1afccbd 100644 --- 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 index b50678f..07ac356 100644 --- 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 index 1d9e836..47e2d26 100644 --- 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 index 0f8ed51..4372c29 100644 --- 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 index 1376380..de902bd 100644 --- 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 index a7be486..c86686c 100644 --- 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;