From 79e6d95a9401f50a155942b1f82dd0aa1122dece Mon Sep 17 00:00:00 2001
From: miyaji255 <84168445+miyaji255@users.noreply.github.com>
Date: Wed, 3 Jan 2024 17:49:16 +0900
Subject: [PATCH] =?UTF-8?q?#55=20=E3=83=96=E3=83=AD=E3=82=B0=E3=82=BF?=
 =?UTF-8?q?=E3=83=96=E3=82=92=E5=A4=89=E6=9B=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/blog/ListViewTab.astro   | 51 ++++++++++++++-----------
 src/components/layout/nav/BlogNav.astro | 34 -----------------
 src/layouts/BlogLayout.astro            |  2 -
 3 files changed, 28 insertions(+), 59 deletions(-)
 delete mode 100644 src/components/layout/nav/BlogNav.astro

diff --git a/src/components/blog/ListViewTab.astro b/src/components/blog/ListViewTab.astro
index 7d383c1..cae37dc 100644
--- a/src/components/blog/ListViewTab.astro
+++ b/src/components/blog/ListViewTab.astro
@@ -22,27 +22,32 @@ const items: Item[] = [
 const { current } = Astro.props
 ---
 
-<div class="bg-dot bg-dot-white flex justify-center">
-  <div class="w-full max-w-padded-container">
-    <ul class="flex gap-2 px-8 pt-3">
-      {
-        items.map((item) => (
-          <li class:list={[]}>
-            <a
-              class:list={[
-                'whitespace-nowrap rounded-t-xl border-x-2 border-t-2 border-secondary px-2 py-1',
-                {
-                  'bg-white': item.path !== current,
-                  'bg-secondary': item.path === current,
-                },
-              ]}
-              href={item.path}
-            >
-              {item.text}
-            </a>
-          </li>
-        ))
-      }
-    </ul>
-  </div>
+<div class="flex justify-center bg-white">
+  <ul class="flex gap-4 px-8 pt-3">
+    {
+      items.map((item) => (
+        <li
+          class:list={[
+            {
+              'after:block after:h-1 after:rounded-t after:bg-primary':
+                item.path === current,
+            },
+          ]}
+        >
+          <a
+            class:list={[
+              'whitespace-nowrap px-2 text-2xl',
+              {
+                'text-black': item.path === current,
+                'pb-1 text-gray-600 hover:text-black': item.path !== current,
+              },
+            ]}
+            href={item.path}
+          >
+            <h1 class="inline-block">{item.text}</h1>
+          </a>
+        </li>
+      ))
+    }
+  </ul>
 </div>
diff --git a/src/components/layout/nav/BlogNav.astro b/src/components/layout/nav/BlogNav.astro
deleted file mode 100644
index 5665fd7..0000000
--- a/src/components/layout/nav/BlogNav.astro
+++ /dev/null
@@ -1,34 +0,0 @@
----
-const current = Astro.url.pathname
-
-const navList: { target: string; title: string }[] = [
-  {
-    target: '/blog',
-    title: '記事一覧',
-  },
-  {
-    target: '/blog/tags',
-    title: 'タグ一覧',
-  },
-]
----
-
-<div class="flex flex-nowrap gap-3 px-9 pt-1 text-lg">
-  {
-    navList.map(({ target, title }) => (
-      <a
-        href={target}
-        class:list={[
-          'whitespace-nowrap text-gray-700 hover:text-black',
-          {
-            'after:block after:h-1 after:rounded-t-lg after:bg-primary':
-              current === target || current === target + '/',
-            'pb-1': current !== target && current !== target + '/',
-          },
-        ]}
-      >
-        {title}
-      </a>
-    ))
-  }
-</div>
diff --git a/src/layouts/BlogLayout.astro b/src/layouts/BlogLayout.astro
index b44f1d2..819964c 100644
--- a/src/layouts/BlogLayout.astro
+++ b/src/layouts/BlogLayout.astro
@@ -2,7 +2,6 @@
 import BaseLayout from './BaseLayout.astro'
 import Header from '@/components/layout/nav/Header.astro'
 import Footer from '@/components/layout/Footer.astro'
-import BlogNav from '@/components/layout/nav/BlogNav.astro'
 
 export interface Props {
   title: string
@@ -36,7 +35,6 @@ const ogImageUrl = new URL(image, Astro.site).toString()
     headerTitle="BLOG"
     rootPath="/blog"
   />
-  <BlogNav />
   <div class="bg-dot bg-dot-secondary flex-grow">
     <slot />
   </div>