Feat: 인트로 모바일 뷰 그라데이션 색상 변경경

DguFarmSystem · Feb 15, 2025 · 16c9a61 · 16c9a61
1 parent f040c63
commit 16c9a61
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/pages/Main/Intro/Intro.styled.tsx b/src/pages/Main/Intro/Intro.styled.tsx
@@ -6,7 +6,10 @@ export const Container = styled.div<{ $isMobile: boolean; $isTablet: boolean }>`
     align-items: flex-start;
     justify-content: center;
     height: ${({ $isMobile, $isTablet }) => ($isMobile ? "80vh" : $isTablet ? "100vh" : "110vh")};
-    background: linear-gradient(90deg, #28723F, #A2E9B8);
+    background: ${({ $isMobile }) => (
+        $isMobile ? "linear-gradient(90deg, #28723F, #75e298)" 
+        : "linear-gradient(90deg, #28723F, #A2E9B8)"
+    )};
     padding: ${({ $isMobile }) => ($isMobile ? "0px" : "50px")};
     color: white;
 `;