ニュースもだった

sohosai · Aug 17, 2024 · 9edcb7f · 9edcb7f
1 parent ed87f05
commit 9edcb7f
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 2 deletions.
diff --git a/src/app/news/[news_id]/page.tsx b/src/app/news/[news_id]/page.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import { container } from "@styled-system/patterns";
+import { css } from "@styled-system/css";
 import useSWR from "swr";
 import { assignType } from "@/lib/openapi";
 import { News } from "@/common_components/news/News";
@@ -28,7 +29,15 @@ const NewsDetailsPage: NextPage<{ params: { news_id: string } }> = ({ params })
 
   return (
     <div className={container({ maxWidth: "4xl" })}>
-      <News news={news} />
+      <div
+        className={css({
+          marginBottom: "60px",
+          md: {
+            marginBottom: 0,
+          },
+        })}>
+        <News news={news} />
+      </div>
     </div>
   );
 };

diff --git a/src/app/news/page.tsx b/src/app/news/page.tsx
@@ -24,7 +24,14 @@ const NewsPage: NextPage = () => {
           <Title className={css({ fontSize: "2xl", fontWeight: "bold" })}>お知らせ一覧</Title>
         </div>
         <div className={center()}>
-          <div className={css({ width: "90%" })}>
+          <div
+            className={css({
+              width: "90%",
+              marginBottom: "60px",
+              md: {
+                marginBottom: 0,
+              },
+            })}>
             <NewsView />
           </div>
         </div>