feat: 剧本评分左侧面板滚动优化、电商克隆移动端适配、视觉细节精修
【剧本评分左侧面板滚动重构】 - 新增 script-eval-v5-left-main 滚动容器,上传区/AI信息/历史记录统一在容器内滚动 - 底部操作按钮(开始评测/导出报告)独立于滚动区外,始终可见可点击 - 历史评测列表增加 max-height 限制,超出区域内置滚动条 - 自定义窄滚动条(品牌绿半透明 thumb),保持视觉干净 - 短视口(≤760px/820px)压缩上传区和历史列表最小高度 【剧本评分视觉精修】 - 左侧面板增加渐变背景层次与分区微光分割线 - 上传区增加 ::after 伪元素径向光晕,hover 时品牌绿边框增强 - 已上传状态上传区增加绿色边框高亮(is-ready/is-complete) - 底部操作栏背景层次加深,导出按钮 hover 增加绿色反馈 - 右侧面板增加底部径向渐变,上传引导卡标题提亮 - 顶部状态栏背景加深,模糊效果增强 【电商克隆移动端适配增强】 - 900px/620px/480px 三级断点增加顶部预留空间,避免与导航重叠 - Logo 区域定位从 sticky 改为 static,避免滚动时遮挡内容 - 设置面板在窄屏下调整内边距与边距 【Token 用量页精简】 - 移除指标卡片序号角标,保持卡片视觉简洁
This commit is contained in:
@@ -277,9 +277,8 @@ function TokenUsagePage({
|
||||
) : null}
|
||||
|
||||
<section className="management-metric-cards" aria-label="关键指标">
|
||||
{metricCards.map((card, index) => (
|
||||
{metricCards.map((card) => (
|
||||
<article key={card.key} className={`management-metric-card is-${card.tone}`}>
|
||||
<span className="management-metric-card__index">{String(index + 1).padStart(2, "0")}</span>
|
||||
<span className="management-metric-card__label">{card.label}</span>
|
||||
<strong className="management-metric-card__value">{card.value}</strong>
|
||||
<span className="management-metric-card__hint">{card.hint}</span>
|
||||
|
||||
Reference in New Issue
Block a user