From 9d1e5dcb604c67990492efe63bfc166992e47208 Mon Sep 17 00:00:00 2001
From: CNWei <t6g888@163.com>
Date: Wed, 4 Nov 2026 19:25:20 +0800
Subject: [PATCH] =?UTF-8?q?fix(group):=20=E5=88=86=E7=BB=84=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E5=8C=85=E5=B1=91=E4=B8=8E=E8=AF=A6=E6=83=85=E9=A1=B5?=
 =?UTF-8?q?=E7=BB=9F=E4=B8=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

分组页改用 @stash/ui 的 Breadcrumb，去掉带边框的按钮样式和独立分隔符
---
 stash-web/src/App.css     | 11 -----------
 stash-web/src/AppNext.tsx | 29 ++++++++++++-----------------
 2 files changed, 12 insertions(+), 28 deletions(-)

diff --git a/stash-web/src/App.css b/stash-web/src/App.css
index 4969031..a869fb2 100644
--- a/stash-web/src/App.css
+++ b/stash-web/src/App.css
@@ -358,17 +358,6 @@
   margin-top: var(--su-space-4);
 }
 
-.group-crumbs {
-  display: flex;
-  align-items: center;
-  gap: var(--su-space-2);
-  padding: var(--su-space-2) var(--su-space-3);
-}
-
-.group-crumb-sep {
-  color: var(--su-text-muted);
-}
-
 .group-child-block {
   margin-top: var(--su-space-2);
 }
diff --git a/stash-web/src/AppNext.tsx b/stash-web/src/AppNext.tsx
index 7524913..cd5008d 100644
--- a/stash-web/src/AppNext.tsx
+++ b/stash-web/src/AppNext.tsx
@@ -1,4 +1,5 @@
 import {
+  Breadcrumb,
   Empty,
   EngineIcon,
   Layout,
@@ -606,23 +607,17 @@ export default function AppNext() {
 
     return (
       <div className="detail-view">
-        <nav className="detail-breadcrumb group-crumbs">
-          <button type="button" className="link-button" onClick={() => navigate('/')}>
-            首页
-          </button>
-          {trail.map((node) => (
-            <span key={node.key}>
-              <span className="group-crumb-sep">/</span>
-              <button
-                type="button"
-                className="link-button"
-                onClick={() => navigate(`/g/${encodeURIComponent(node.key)}`)}
-              >
-                {node.title}
-              </button>
-            </span>
-          ))}
-        </nav>
+        <Breadcrumb
+          className="detail-breadcrumb"
+          items={[
+            { label: '首页', href: '/' },
+            ...trail.map((node) => ({
+              label: node.title,
+              href: `/g/${encodeURIComponent(node.key)}`,
+            })),
+          ]}
+          onNavigate={navigate}
+        />
 
         <div className="detail-hero">
           <span className="detail-hero-icon" aria-hidden="true">