mirror of
https://gitcode.com/JianFeeeee/HomeAgent.git
synced 2026-09-22 18:08:04 +00:00
0fda210e8b
反馈是「丑死了」，没有具体项，所以按「哪儿在制造廉价感」逐条改： 1. **侧栏只有文字**：6 个导航项各加 24×24 stroke 图标（currentColor，随选中/hover 变色）， 10px 间距、13.5px/500 字重、圆角 10px 的药丸命中区；品牌字改 sakura→frost 渐变。 → 空荡荡的 16rem 栏终于有了骨架。 2. **选中态把文字整体右推 + 发光文字**：原来用 `border-left: 3px` 画选中条， hover 时整行抖 3px；还加了 text-shadow 光晕。改成 `box-shadow: inset 2px 0 0` （不占布局）+ 取消光晕 + 选中加粗。这类「一像素级不稳」是廉价感的主要来源。 3. **顶栏只有一行灰字面包屑**：把当前页做成 15px/650 的标题色，面包屑碎片 压到 12.5px 且降透明度；顶栏 48→56px。页面总算有「入口」。 4. **卡片 hover 整页上下浮**：`.card:hover` 去掉 `translateY(-1px)`（十几张卡一起 浮，视线扫过像在抖），只提亮阴影与描边；padding 20→22、卡片间距 16→18。 5. **卡片标题没有章节信号**：`h2` 前加 3×14px 的 sakura→frost 渐变短竖。 6. **kv-row 是文字墙**：flex + 固定 180px 键列 → grid `minmax(110px,180px) 1fr`， 行高 8px、负外边距 hover 高亮、末行去分隔线、数值 `tabular-nums`（端口/计数上下对齐）。 7. **满屏药丸按钮**：`.btn` 圆角从 999px 收到 10px（与卡片同一套圆角）， padding/font 微调；`.btn-sm` 11→11.5px 提升可读性。 8. **内容区靠左铺满**：`.container` 居中 + `max-width: 1240px`（超宽屏摊满整个 屏幕是「后台模板」的典型观感）。 i18n 有个坑：切语言那段是 `el.textContent = …`，所以 `data-i18n` 必须从 `<a>` 挪到 内层 `<span>`，否则切一次语言图标就被抹掉。实测 ZH→EN→ZH 图标都在。 验证：go build/测试绿（webui + sdk + agent + plugin）；真机 1440×900 六页截图对比 （侧栏图标、渐变品牌、标题竖条、grid 行、居中内容区均生效）。