微調整

yamader · May 3, 2024 · d714cc6 · d714cc6
1 parent 93f2dd4
commit d714cc6
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 6 deletions.
diff --git a/src/components/Header.astro b/src/components/Header.astro
@@ -9,10 +9,12 @@ const links = [
 
 <!-- prettier-ignore -->
 <nav>{
-  links.map(({ href, name }) =>
-    // prettier-ignore
-    <a href={href} class:list={[Astro.url.pathname === href && "active"]}>{name}</a>,
-  )
+  links.map(({ href, name }) => {
+    const active = href == "/"
+      ? Astro.url.pathname == href
+      : Astro.url.pathname.startsWith(href)
+    return <a href={href} class:list={[active && "active"]}>{name}</a>
+  })
 }</nav>
 
 {

diff --git a/src/pages/about/anime.astro b/src/pages/about/anime.astro
@@ -7,7 +7,7 @@ const { data } = await getEntry("data", "anime")
 
 <Layout title="Anime" description="アニメ">
   <h1>アニメ</h1>
-  <p>主にサブスク等で観たやつ。漏れあり。2024年5月時点。</p>
+  <p>主にサブスクで観たやつ。漏れあり。2024年5月時点。</p>
   <ul>
     {
       data.map((e: any) => {

diff --git a/src/pages/about/manga.astro b/src/pages/about/manga.astro
@@ -0,0 +1,11 @@
+---
+import Layout from "~/layouts/Layout.astro"
+import { getEntry } from "astro:content"
+
+// const { data } = await getEntry("data", "manga")
+---
+
+<Layout title="Manga" description="漫画">
+  <h1>漫画</h1>
+  <p>覚えてねーーーー</p>
+</Layout>
diff --git a/src/pages/about/movie.astro b/src/pages/about/movie.astro
@@ -7,7 +7,7 @@ const { data } = await getEntry("data", "movie")
 
 <Layout title="Movie" description="映画">
   <h1>映画</h1>
-  <p>主にサブスク等で観たやつ。漏れあり。2024年5月時点。</p>
+  <p>主にサブスクで観たやつ。漏れあり。2024年5月時点。</p>
   <ul>
     {
       data.map((e: any) => {