style: 모임신청 가이드 mds 미적용

sopt-makers · Dec 16, 2024 · ec222cf · ec222cf
1 parent 483d566
commit ec222cf
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 4 deletions.
diff --git a/pages/index.tsx b/pages/index.tsx
@@ -15,7 +15,6 @@ import Link from 'next/link';
 import { useEffect } from 'react';
 import { useInView } from 'react-intersection-observer';
 import { styled } from 'stitches.config';
-import CardList from '@components/page/home/HomeCardList/CardList';
 import { GroupBrowsingCardResponse } from '@api/API_LEGACY/meeting';
 import CrewTab from '@components/Tab';
 import HomeCardList from '@components/page/home/HomeCardList';

diff --git a/src/components/page/home/QuickMenu/index.tsx b/src/components/page/home/QuickMenu/index.tsx
@@ -20,9 +20,7 @@ const QuickMenu = () => {
 
   return (
     <SContainer>
-      <Button size="lg" theme="black" rounded="lg" style={{ padding: '20px 36px', height: 'fit-content' }}>
-        모임 신청 가이드
-      </Button>
+      <SGuideBtn>모임 신청 가이드</SGuideBtn>
       {menu.map((item, idx) => (
         <SItem key={idx}>
           <item.Icon />
@@ -53,6 +51,25 @@ const SContainer = styled('section', {
   },
 });
 
+const SGuideBtn = styled('button', {
+  display: 'flex',
+  justifyContent: 'center',
+  alignItems: 'center',
+
+  padding: '20px 36px',
+  height: 'fit-content',
+
+  borderRadius: '9999px',
+  backgroundColor: '$gray800',
+
+  fontStyle: 'H2',
+  color: '$white',
+
+  '@media (max-width: 1259px)': {
+    display: 'none',
+  },
+});
+
 const SItem = styled('div', {
   display: 'flex',
   alignItems: 'center',