From c745ed03dbd54633c6862e4f6ad7e3737f917c3a Mon Sep 17 00:00:00 2001
From: dorimiamn <dorimiamn@gmail.com>
Date: Tue, 14 Jan 2025 05:23:09 +0900
Subject: [PATCH] =?UTF-8?q?CSS=20=E3=81=AE=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/blog/page.tsx |  8 +++++---
 app/global.css    | 13 ++++++++-----
 2 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/app/blog/page.tsx b/app/blog/page.tsx
index 6355ccb..9b75618 100644
--- a/app/blog/page.tsx
+++ b/app/blog/page.tsx
@@ -23,17 +23,19 @@ export default async function BlogList() {
 
   return (
     <div className='container w-4/6 mx-auto my-10'>
-      <h1>記事一覧</h1>
+      <h1 className='mb-16'>記事一覧</h1>
       {
         posts.length === 0 ?
           <p>ごめんなさい！記事が見つかりませんでした。</p>
           :
-          <ul>
+          <ul className='list-none'>
             {
               posts.map((post: Props) => (
                 <li key={post.id}>
                   <Link href={`/blog/${post.id}`}>
-                    {post.title}
+                    <div className='border-y-2 border-zinc-500 p-4'>
+                      {post.title}
+                    </div>
                   </Link>
                 </li>
               ))
diff --git a/app/global.css b/app/global.css
index f899f72..8dd50dc 100644
--- a/app/global.css
+++ b/app/global.css
@@ -7,22 +7,25 @@
         font-family: "Kiwi Maru", system-ui, sans-serif;
     }
     h1 {
-        @apply text-2xl font-bold my-1;
+        @apply text-2xl font-bold my-4;
     }
     h2 {
-        @apply text-xl font-bold my-1;
+        @apply text-xl font-bold my-4;
     }
     h3 {
-        @apply text-lg font-bold my-1;
+        @apply text-lg font-bold my-4;
     }
     h4 {
-        @apply text-base font-bold my-1;
+        @apply text-base font-bold my-4;
     }
     div[data-filename] {
-        @apply bg-slate-900 text-sm text-slate-300 p-2 rounded my-1;
+        @apply bg-slate-900 text-sm text-slate-300 p-2 rounded my-4;
     }
     p > code {
         @apply bg-slate-900 text-sm text-slate-300 p-1 rounded;
     }
+    ul {
+        @apply list-disc list-inside my-4;
+    }
 }