diff --git a/src/components/Nav.astro b/src/components/Nav.astro
index 0f820f4..7f63eee 100644
--- a/src/components/Nav.astro
+++ b/src/components/Nav.astro
@@ -4,7 +4,7 @@ import Logo from "./Logo.astro";
import ToggleTheme from "@components/ThemeToggle.svelte";
function isActive(path: string) {
- return Astro.url.pathname === path;
+ return Astro.url.pathname.startsWith(path);
}
const t = useTranslations(Astro.url);
diff --git a/src/components/TOC.astro b/src/components/TOC.astro
index 5fa88fd..703a5b9 100644
--- a/src/components/TOC.astro
+++ b/src/components/TOC.astro
@@ -10,10 +10,9 @@ type Props = {
const { headings } = Astro.props;
---
-
+
+ class="py-2 lg:px-4 rounded-xl lg:border lg:border-neutral flex flex-col lg:bg gap-2">
{t("toc.title")}
@@ -24,8 +23,7 @@ const { headings } = Astro.props;
+ class={`block text my-0`}>
{heading.text}
);
diff --git a/src/layouts/theme.css b/src/layouts/theme.css
index 993e294..845209b 100644
--- a/src/layouts/theme.css
+++ b/src/layouts/theme.css
@@ -29,6 +29,10 @@ body {
background-color: var(--neutral-000);
}
+.border-neutral {
+ border-color: var(--outline);
+}
+
.dark body {
background-color: var(--neutral-800);
--background-dark: var(--neutral-800);
@@ -37,7 +41,7 @@ body {
--background-gradient: linear-gradient(-30deg,
var(--neutral-500) 0%,
var(--neutral-400) 100%);
- --outline: var(--neutral-300);
+ --outline: var(--neutral-400);
--text: var(--neutral-100);
--text-light: white;
}