From ff379ecf439d0f245e8848bea6f6dde5c3da42b1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=9E=A5=EB=8F=99=EA=B7=A0?= <57230590+dongkyun-dev@users.noreply.github.com> Date: Fri, 23 Feb 2024 18:30:11 +0900 Subject: [PATCH] =?UTF-8?q?[Fix/BAR-253]=20=EB=9E=9C=EB=94=A9=20=ED=8E=98?= =?UTF-8?q?=EC=9D=B4=EC=A7=80=20svg=20=EC=95=84=EC=9D=B4=EC=BD=98=20?= =?UTF-8?q?=EB=AF=B8=EB=B0=98=EC=98=81=20=ED=91=B8=ED=84=B0=20=EC=9C=84?= =?UTF-8?q?=EC=B9=98=20=EB=AC=B8=EC=A0=9C=20=ED=95=B4=EA=B2=B0=20(#81)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * fix: svg 이미지 사이 흰색 선 제거 * fix: svg icon 반영 * fix: 최소 너비 반영 및 푸터 이슈 해결 --- src/assets/images/fifthLanding.svg | 2 +- src/assets/images/fourthLanding.svg | 20 +++++++++++++++----- src/components/Layout/components/Footer.tsx | 6 +++--- src/components/Layout/style.css.ts | 14 +++++++++++++- src/domain/landing/index.tsx | 4 +--- src/domain/landing/style.css.ts | 4 ---- 6 files changed, 33 insertions(+), 17 deletions(-) diff --git a/src/assets/images/fifthLanding.svg b/src/assets/images/fifthLanding.svg index 7110271f..46b67c90 100644 --- a/src/assets/images/fifthLanding.svg +++ b/src/assets/images/fifthLanding.svg @@ -1,5 +1,5 @@ - + diff --git a/src/assets/images/fourthLanding.svg b/src/assets/images/fourthLanding.svg index 53240da5..a5fd7067 100644 --- a/src/assets/images/fourthLanding.svg +++ b/src/assets/images/fourthLanding.svg @@ -1,12 +1,12 @@ - + - + - + @@ -91,7 +91,8 @@ - + + @@ -101,7 +102,8 @@ - + + @@ -132,6 +134,12 @@ + + + + + + @@ -162,5 +170,7 @@ + + diff --git a/src/components/Layout/components/Footer.tsx b/src/components/Layout/components/Footer.tsx index 3543c288..9ebe96e4 100644 --- a/src/components/Layout/components/Footer.tsx +++ b/src/components/Layout/components/Footer.tsx @@ -8,8 +8,8 @@ import * as styles from '../style.css'; const Footer = () => { return (
-
+
+
서비스메일 @@ -31,7 +31,7 @@ const Footer = () => { 인스타그램
-
+
diff --git a/src/components/Layout/style.css.ts b/src/components/Layout/style.css.ts index adf75824..df4dc7df 100644 --- a/src/components/Layout/style.css.ts +++ b/src/components/Layout/style.css.ts @@ -14,6 +14,7 @@ export const header = style({ padding: '0 24px', backgroundColor: COLORS['Grey/900'], zIndex: 100, + minWidth: '768px', }); export const logo = style({ @@ -94,6 +95,15 @@ export const footerWrapper = style({ backgroundColor: COLORS['Grey/700'], display: 'flex', justifyContent: 'space-between', + minWidth: '768px', +}); + +export const footerContent = style({ + height: '80px', +}); + +export const footerLinks = style({ + marginBottom: '8px', }); const dot = style({ @@ -130,7 +140,6 @@ export const instagramLink = style([ }), { color: COLORS['Grey/400'], - marginTop: '8px', }, ]); @@ -156,6 +165,7 @@ export const copyright = style([ }), { color: COLORS['Grey/400'], + whiteSpace: 'nowrap', }, ]); @@ -178,6 +188,8 @@ export const backgroundColorMain = createVar(); export const mainWrapper = style({ backgroundColor: backgroundColorMain, paddingTop: '64px', + minWidth: '768px', + minHeight: 'calc(100vh - 160px)', }); export const tab = style({ diff --git a/src/domain/landing/index.tsx b/src/domain/landing/index.tsx index 38a03427..bb68e683 100644 --- a/src/domain/landing/index.tsx +++ b/src/domain/landing/index.tsx @@ -76,9 +76,7 @@ const Landing = () => { - + diff --git a/src/domain/landing/style.css.ts b/src/domain/landing/style.css.ts index b21c082b..95950fb8 100644 --- a/src/domain/landing/style.css.ts +++ b/src/domain/landing/style.css.ts @@ -54,10 +54,6 @@ export const ladingImage = style({ display: 'block', }); -export const lastLandingImage = style({ - marginBottom: '-2px', -}); - export const firstImageWrapper = style({ position: 'relative', height: '880px',