style: 统一前后台宽度与数值标尺,站点外壳改用 @stash/ui
对应风格审计的 1-4 条: 1. 宽度:后台内容区改为与页头内层同宽同左缘(1380 - 40 = 1340), 修掉品牌 x=50、卡片 x=280 的错位 2. 阴影:--su-shadow-card / hover 的覆盖从 .app 挪到 :root,前后台同一套 3. 死代码:删除未被引用的 App.tsx(436 行)、AdminPage.tsx(54KB)与 .content-veil 样式 4. 标尺:37 处脱离 4/8/12/16/20/24/32/40 与字阶的间距/字号/圆角/行高改为令牌 (含新增的 --su-font-size-2xl);6px 的认证角标按图标保留并注明原因 顺带把重复实现收进库: - 页头品牌 -> Brand - 页头滚动信息 -> Ticker(含实测宽度的无缝循环) - 搜索框 -> SearchField(variant=card),删除 components/search/SearchBar.tsx - 后台「首页 Logo」预览与后台页头同样复用 Brand
This commit is contained in:
@@ -3,6 +3,7 @@ import {
|
||||
Layout,
|
||||
Menu,
|
||||
Notice,
|
||||
SearchField,
|
||||
Space,
|
||||
Toaster,
|
||||
type MenuItem,
|
||||
@@ -17,7 +18,6 @@ import { ItemEditor } from './components/content/ItemEditor'
|
||||
import { PosterGrid } from './components/content/PosterGrid'
|
||||
import { SectionCard } from './components/content/SectionCard'
|
||||
import { SiteHeader } from './components/header/SiteHeader'
|
||||
import { SearchBar } from './components/search/SearchBar'
|
||||
import { LoginDialog } from './components/auth/LoginDialog'
|
||||
import { ProfileCard } from './components/sidebar/ProfileCard'
|
||||
import { ServicePanel } from './components/sidebar/ServicePanel'
|
||||
@@ -654,7 +654,15 @@ export default function AppNext() {
|
||||
}
|
||||
toolbar={
|
||||
<div className="search-toolbar">
|
||||
<SearchBar value={keyword} onChange={setKeyword} inputRef={searchRef} />
|
||||
<SearchField
|
||||
value={keyword}
|
||||
onChange={setKeyword}
|
||||
inputRef={searchRef}
|
||||
placeholder="搜索本地项目…"
|
||||
label="搜索本地项目"
|
||||
variant="card"
|
||||
hotkey="k"
|
||||
/>
|
||||
</div>
|
||||
}
|
||||
sider={
|
||||
|
||||
Reference in New Issue
Block a user