design: css 수정

LikelionUniv · Jul 9, 2024 · 5b2ddf2 · 5b2ddf2
1 parent 28e4704
commit 5b2ddf2
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 7 deletions.
diff --git a/src/pages/landing/components/hackathon/Detail.tsx b/src/pages/landing/components/hackathon/Detail.tsx
@@ -102,8 +102,7 @@ const MoreBtn = styled.div`
     line-height: 150%; /* 30px */
 
     @media (max-width: 767px) {
-        /* width: clamp(360px, 3vw, 523px); */
-        width: 320px;
+        width: clamp(290px, 3vw, 523px);
         height: 48px;
         font-size: 16px;
     }

diff --git a/src/pages/landing/components/hackathon/HackathonPart.tsx b/src/pages/landing/components/hackathon/HackathonPart.tsx
@@ -45,7 +45,7 @@ const PartButton = styled.div`
     font-size: 28px;
     font-style: normal;
 
-    width: clamp(530px, 2vw, 580px);
+    width: clamp(520px, 2vw, 580px);
     height: auto;
 
     cursor: pointer;
@@ -55,7 +55,7 @@ const PartButton = styled.div`
     }
 
     @media (max-width: 767px) {
-        width: 530px;
+        width: 520px;
         height: 64px;
         font-size: 20px;
     }
@@ -78,7 +78,7 @@ const PartButton = styled.div`
 `;
 
 const Info = styled.div`
-    margin: 21px 0px 20px 40px;
+    margin: 20px 0px 20px 40px;
     font-weight: bold;
 `;
 

diff --git a/src/pages/landing/components/hackathon/HackathonSponsor.tsx b/src/pages/landing/components/hackathon/HackathonSponsor.tsx
@@ -14,6 +14,7 @@ import logo9 from '../../../../img/landing/sponsor/logo9.svg';
 import logo10 from '../../../../img/landing/sponsor/logo10.svg';
 import logo11 from '../../../../img/landing/sponsor/logo11.svg';
 import logo12 from '../../../../img/landing/sponsor/logo12.svg';
+import { styled } from 'styled-components';
 
 const SponsorInfo = () => {
     SwiperCore.use([Autoplay]);
@@ -74,6 +75,7 @@ type serviceType = {
     url: string;
     backgroundColor?: string;
 };
+
 const serviceList: serviceType[] = [
     {
         id: 0,

diff --git a/src/pages/landing/components/hackathon/HackathonTimer.tsx b/src/pages/landing/components/hackathon/HackathonTimer.tsx
@@ -87,7 +87,6 @@ const TimerContainer = styled.div`
     border-radius: 24px;
     height: 240px;
     max-width: 1200px;
-    width: 100%;
     margin-left: 10px;
     margin-right: 10px;
 

diff --git a/src/pages/landing/components/hackathon/More.tsx b/src/pages/landing/components/hackathon/More.tsx
@@ -116,7 +116,7 @@ const MoreBtn = styled.div`
     line-height: 150%; /* 30px */
 
     @media (max-width: 767px) {
-        width: clamp(290px, 3vw, 523px);
+        width: clamp(290px, 2vw, 523px);
         height: 48px;
         font-size: 16px;
     }