From 13a5a02005fc08168d5f5743138e7f22f9791641 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E7=BF=94?= <xiangzhang1024@gmail.com>
Date: Thu, 23 Apr 2026 12:25:38 +0800
Subject: [PATCH] =?UTF-8?q?fix(breadcrumb):=20=E4=BF=AE=E5=A4=8D=E5=9B=BE?=
 =?UTF-8?q?=E6=A0=87=E4=B8=8E=E6=96=87=E5=AD=97=E5=9E=82=E7=9B=B4=E4=B8=8D?=
 =?UTF-8?q?=E5=AF=B9=E9=BD=90=E9=97=AE=E9=A2=98=EF=BC=88=E7=AC=AC4?=
 =?UTF-8?q?=E6=AC=A1=E5=B0=9D=E8=AF=95=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

根本原因：SVG图标和文字的baseline不同
- items-center 按中心对齐，但SVG和文字的"中心"定义不同
- 导致视觉上图标和文字不在同一水平线

修复方案：
- 使用 items-baseline 替代 items-center（按基线对齐）
- 添加 leading-none 移除额外行高
- 确保所有元素使用相同的基线对齐方式
---
 src/components/layout/breadcrumb.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/layout/breadcrumb.tsx b/src/components/layout/breadcrumb.tsx
index bcedb4c..a985eba 100644
--- a/src/components/layout/breadcrumb.tsx
+++ b/src/components/layout/breadcrumb.tsx
@@ -14,16 +14,16 @@ interface BreadcrumbProps {
 
 export function Breadcrumb({ items }: BreadcrumbProps) {
   return (
-    <nav aria-label="breadcrumb" className="flex items-center gap-2 text-xs md:text-sm text-[#5C5C5C] py-3 md:py-4">
-      <StaticLink 
-        href="/" 
-        className="inline-flex items-center hover:text-[#C41E3A] transition-colors" 
+    <nav aria-label="breadcrumb" className="flex items-baseline gap-2 text-xs md:text-sm text-[#5C5C5C] py-3 md:py-4 leading-none">
+      <StaticLink
+        href="/"
+        className="inline-flex items-center hover:text-[#C41E3A] transition-colors"
         aria-label="返回首页"
       >
         <Home className="w-4 h-4" />
       </StaticLink>
       {items.map((item, index) => (
-        <div key={index} className="flex items-center">
+        <div key={index} className="flex items-baseline">
           <ChevronRight className="w-3.5 h-3.5 text-[#CCCCCC] mx-1" />
           <StaticLink
             href={item.href}