feat(ui): update search component and improve responsive design

- Show only search icon on mobile (< 768px) in navbar
- Refactor Anchor component with better type safety and link handling
- Adjust spacing in Table of Contents and main content
- Improve responsive layout and consistency
This commit is contained in:
Wildan Nursahidan
2025-05-26 11:06:58 +07:00
parent 49d59e0476
commit bd400695ff
6 changed files with 76 additions and 28 deletions

View File

@@ -9,7 +9,7 @@ export default async function Toc({ path }: { path: string }) {
const tocs = await getDocsTocs(path);
return (
<div className="lg:flex hidden toc flex-[1.5] min-w-[238px] py-9 sticky top-16 h-[calc(100vh-4rem)]">
<div className="lg:flex hidden toc flex-[1.5] min-w-[238px] py-5 sticky top-16 h-[calc(100vh-4rem)]">
<div className="flex flex-col h-full w-full px-2 gap-2 mb-auto">
<div className="flex items-center gap-2">
<ListIcon className="w-4 h-4" />