wx44wx/AI-VideoAssistant
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update overview ui

Browse Source
This commit is contained in:
Xin Wang
2026-02-11 14:28:41 +08:00
parent ede12e2df0
commit 24ec548924
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
web/pages/Dashboard.tsx
View File

@@ -38,9 +38,9 @@ export const DashboardPage: React.FC = () => {
return (
<div className="h-[calc(100vh-5rem)] overflow-y-auto snap-y snap-mandatory custom-scrollbar relative scroll-smooth bg-background">
<div className="sticky top-0 z-40">
<div className="sticky top-0 z-40 bg-gradient-to-b from-background via-background/95 to-transparent pb-3">
<div className="mx-auto w-full max-w-[1600px] px-6 lg:px-12 pt-3">
<div className="flex justify-end items-center gap-3 rounded-2xl border border-white/5 bg-background/70 px-3 py-2 backdrop-blur-xl">
<div className="flex justify-end items-center gap-3 rounded-2xl border border-white/10 bg-background/75 px-3 py-2 backdrop-blur-xl shadow-[0_8px_30px_rgba(0,0,0,0.25)]">
<Button variant="ghost" size="sm" className="h-8 px-4 text-xs font-medium border border-white/5 bg-white/5 hover:bg-white/10 hover:text-white transition-all text-white/60 rounded-full">
<HelpCircle className="w-3.5 h-3.5 mr-2 opacity-70" /> 开发文档
</Button>
@@ -52,7 +52,7 @@ export const DashboardPage: React.FC = () => {
</div>
{/* SECTION 1: METRICS & CHARTS */}
<section className="min-h-full snap-start flex flex-col pt-2 pb-5 relative">
<section className="min-h-full snap-start flex flex-col pt-0 pb-5 relative">
<div className="w-full max-w-[1600px] mx-auto px-6 lg:px-12 flex-1 flex flex-col">
{/* 2. Main Dashboard Container */}
<div className="flex-1 bg-card/20 backdrop-blur-sm border border-white/5 rounded-[2rem] px-6 py-5 lg:px-7 lg:py-6 shadow-2xl flex flex-col gap-4 relative overflow-hidden group/dash">