| 12345678910111213141516171819 |
- <aside class="w-64 border-r border-zinc-800 bg-zinc-900/50 flex flex-col">
- <div class="p-4 flex justify-between items-center border-bottom border-zinc-800">
- <span class="text-xs font-bold uppercase tracking-widest text-zinc-500">Main Vault</span>
- <span class="text-[10px] px-1.5 py-0.5 rounded bg-zinc-800 text-zinc-400 border border-zinc-700">v2.4</span>
- </div>
- <div class="flex-1 overflow-y-auto custom-scrollbar p-2 space-y-1">
- <details open class="group">
- <summary class="flex items-center p-2 text-sm hover:bg-zinc-800 rounded cursor-pointer list-none text-zinc-400 group-open:text-zinc-100">
- <span class="mr-2 transform group-open:rotate-90 transition-transform">▸</span> Projects
- </summary>
- <div class="pl-6 space-y-1 mt-1 border-l border-zinc-800 ml-3">
- <div class="p-2 text-xs bg-indigo-500/10 text-indigo-400 rounded border border-indigo-500/20">System_Architecture.md</div>
- <div class="p-2 text-xs hover:bg-zinc-800 rounded text-zinc-500">Database_Schema.sql</div>
- </div>
- </details>
- <div class="p-2 text-sm hover:bg-zinc-800 rounded cursor-pointer text-zinc-400">Daily_Notes</div>
- <div class="p-2 text-sm hover:bg-zinc-800 rounded cursor-pointer text-zinc-400">Templates</div>
- </div>
- </aside>
|
