ボタンのレスポンシブ対応

saitamau-maximum · Mar 28, 2024 · 0c5fc4a · 0c5fc4a
1 parent 199a3be
commit 0c5fc4a
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx
@@ -19,9 +19,16 @@ export function Footer() {
             />
           </Link>
         </div>
-        <LinkButton href='/join' variant='green'>
-          入会案内はこちら
-        </LinkButton>
+        <div className={style.navigationsForPC}>
+          <LinkButton href='/join' variant='green' size='medium'>
+            入会案内はこちら
+          </LinkButton>
+        </div>
+        <div className={style.navigationsForMobile}>
+          <LinkButton href='/join' variant='green' size='small'>
+            入会案内はこちら
+          </LinkButton>
+        </div>
       </div>
 
       <nav className={style.navigations}>