From 5058003ea9445539be5459e1e90565a201d10372 Mon Sep 17 00:00:00 2001 From: kangminguu Date: Thu, 2 Jan 2025 03:58:41 +0900 Subject: [PATCH] =?UTF-8?q?refactor=20:=20=EA=B7=B8=EB=9D=BC=EB=94=94?= =?UTF-8?q?=EC=96=B8=ED=8A=B8=EC=99=80=20=EB=AC=BC=EA=B2=B0=20=EC=BB=B4?= =?UTF-8?q?=ED=8F=AC=EB=84=8C=ED=8A=B8=EB=A1=9C=20=EB=B6=84=EB=A6=AC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- "public/\353\254\274\352\262\260.svg" | 30 ++----------------- .../GradientContainer/GradientContainer.tsx | 14 +++++++++ .../Common/NavigationBar/NavigationBar.tsx | 2 +- .../Common/WaveContainer/WaveContainer.tsx | 8 +++++ .../LetterContainer/LetterContainer.tsx | 4 +-- src/pages/Home/HomePage.tsx | 8 +++-- src/router.tsx | 20 ++++++------- 7 files changed, 41 insertions(+), 45 deletions(-) create mode 100644 src/components/Common/GradientContainer/GradientContainer.tsx create mode 100644 src/components/Common/WaveContainer/WaveContainer.tsx diff --git "a/public/\353\254\274\352\262\260.svg" "b/public/\353\254\274\352\262\260.svg" index ee198e46..1906ea64 100644 --- "a/public/\353\254\274\352\262\260.svg" +++ "b/public/\353\254\274\352\262\260.svg" @@ -1,29 +1,3 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + diff --git a/src/components/Common/GradientContainer/GradientContainer.tsx b/src/components/Common/GradientContainer/GradientContainer.tsx new file mode 100644 index 00000000..e770e3bd --- /dev/null +++ b/src/components/Common/GradientContainer/GradientContainer.tsx @@ -0,0 +1,14 @@ +/** 그라디언트 배경을 주는 container */ +export const GradientContainer = () => { + const gradientStyle = { + background: + 'linear-gradient(to top, #58A1EB 0%, #91CFF8 50%, #C6E6FC 100%)' + }; + + return ( +
+ ); +}; diff --git a/src/components/Common/NavigationBar/NavigationBar.tsx b/src/components/Common/NavigationBar/NavigationBar.tsx index a832d1eb..9f3be393 100644 --- a/src/components/Common/NavigationBar/NavigationBar.tsx +++ b/src/components/Common/NavigationBar/NavigationBar.tsx @@ -18,7 +18,7 @@ export const NavigationBar = () => { ]; return ( -