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

@@ -20,7 +20,7 @@ export default function AuthorCard({ lang, author }: AuthorCardProps) {
const websiteText = lang === 'zh' ? '个人网站' : 'Website';
return (
<div className="bg-card/50 backdrop-blur-sm rounded-2xl border border-border p-6 relative">
<div className="relative">
<div className="flex flex-col items-center text-center">
{/* Avatar */}
<div className="flex-shrink-0 mb-4">

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">