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:
@@ -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">
|
||||
|
||||
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user