refactor(layout): improve blog post layout and component styling

- Move AuthorCard to bottom of main content with enhanced styling
- Adjust TableOfContents styling and positioning
- Simplify AuthorCard and GlassHeader components
This commit is contained in:
joyzhao
2025-06-19 11:52:05 +08:00
parent fb9b2b6971
commit 8cecab8479
4 changed files with 17 additions and 12 deletions

View File

@@ -9,8 +9,8 @@ const { lang } = Astro.props;
const title = lang === 'zh' ? '目录' : 'Table of Contents';
---
<div class="max-xl:hidden">
<div id="nav-content" class="sticky w-72 top-14 max-h-[calc(100svh-3.5rem)] overflow-x-hidden">
<div>
<div id="nav-content" class="sticky xl:w-72 w-full top-14 max-h-[calc(100svh-3.5rem)] overflow-x-hidden">
<div class="flex flex-col gap-3 p-4">
<h3 class="dark:text-zinc-400 text-blacktext/90 font-bold tracking-wide text-sm sm:text-base uppercase flex items-center mb-4">
<svg class="w-4 h-4 sm:w-5 sm:h-5 mr-2 text-purple-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">