fix: サイドナビゲーションと目次の位置を修正

Author: 3w36zj6

website/src/components/ui/common/SideNavigation.tsx

@@ -14,7 +14,7 @@ export const SideNavigation = ({
   currentPath,
 }: SideNavigationProps) => {
   return (
-    <nav class="folding flex-none w-full md:w-64 lg:w-72 bg-white border border-neutral-200/60 rounded-md mr-3.5 sticky top-0 h-screen overflow-auto px-3.5 py-3">
+    <nav class="folding flex-none w-full bg-white border border-neutral-200/60 rounded-md sticky top-[60px] mt-4 mb-8 h-[calc(100vh-60px-1rem)] overflow-auto px-3.5 py-3">
       <SiteTitle />
       <ul class="space-y-1 text-xs text-neutral-700">
         {docs &&

website/src/components/ui/common/TableOfContents.tsx

@@ -12,7 +12,7 @@ export const TableOfContents = ({ outline }: TableOfContentsProps) => {
   return (
     <nav
       id="page-overview"
-      class="flex-none w-full md:w-60 lg:w-72 mt-6 mb-8 px-3.5 py-3 border border-neutral-200/60 rounded-md bg-white sticky top-0 h-screen overflow-auto"
+      class="flex-none w-full px-3.5 py-3 border border-neutral-200/60 rounded-md bg-white sticky top-[60px] mt-4 mb-8 h-[calc(100vh-60px-1rem)] overflow-auto"
     >
       <strong class="block mb-2 text-xs text-neutral-500 font-semibold tracking-wide">
         目次