diff --git a/components/RankingPanel.tsx b/components/RankingPanel.tsx index 4f1d9e8..ea41c05 100644 --- a/components/RankingPanel.tsx +++ b/components/RankingPanel.tsx @@ -335,10 +335,10 @@ export default function RankingPanel() { } }} className={cn( - 'fixed z-40 w-12 h-12 rounded-xl shadow-lg border flex items-center justify-center transition-colors cursor-move backdrop-blur', - 'bg-white/90 dark:bg-slate-900/90', + 'fixed z-40 w-12 h-12 rounded-lg shadow-sm border flex items-center justify-center transition-colors cursor-move', + 'bg-white dark:bg-slate-900', 'border-slate-200 dark:border-slate-700', - 'hover:bg-white dark:hover:bg-slate-900', + 'hover:bg-slate-50 dark:hover:bg-slate-800', isButtonDragging && 'cursor-grabbing' )} style={{ @@ -395,9 +395,9 @@ export default function RankingPanel() {
{/* 拖动区域和关闭按钮 */}
{/* 关闭按钮 */}
{/* 指示器 */} -
+
{(Object.keys(TAB_META) as PanelTab[]).map((tabKey) => { const isActive = tabKey === currentTab return ( @@ -438,7 +438,7 @@ export default function RankingPanel() { key={tabKey} onClick={() => setCurrentTab(tabKey)} className={cn( - 'flex-1 h-1.5 rounded-full transition-all', + 'flex-1 h-1.5 rounded-md transition-colors', isActive ? 'bg-slate-400 dark:bg-slate-200' : 'bg-slate-200/70 dark:bg-slate-700/70 hover:bg-slate-300/80 dark:hover:bg-slate-600/80' @@ -465,9 +465,9 @@ export default function RankingPanel() { {getCurrentData().map((user, index) => (
diff --git a/docs/商业化地基排查问题清单_20260524.md b/docs/商业化地基排查问题清单_20260524.md index f751b2e..ce84e9f 100644 --- a/docs/商业化地基排查问题清单_20260524.md +++ b/docs/商业化地基排查问题清单_20260524.md @@ -1042,6 +1042,7 @@ NAS 私有化系统可能在平板或窄屏浏览器里使用。模板编辑器 - `app/page.tsx:400`:精品、下载榜、点赞榜使用多段渐变角标。 - `app/page.tsx`:排序方式已从大号胶囊按钮改为普通矩形按钮组。 - `app/page.tsx`:首页素材卡片已从大圆角、轻阴影和黑色半透明胶囊收为普通 `rounded-lg` 边框卡片、中性标签和弱化的素材型号标识。 +- `components/RankingPanel.tsx`:浮动榜单面板已移除毛玻璃、重阴影、超大圆角和前三名金色卡片感,改为普通边框小面板。 - `app/page.tsx`:榜单角标仍叠在素材封面上,但已从黑色高对比胶囊改为浅底中性标签,后续可继续评估是否移动到卡片信息区。 - `app/page.tsx:2073`:点赞按钮使用悬浮圆形、阴影和毛玻璃。 - `app/page.tsx:2211`:列表底部文案“继续向下滚动加载更多”偏引导式。