chihlasm/resolutionflow
1
0
Fork 0
Code Issues 23 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

feat: update QuickStats and SessionsPanel with glass-card styling

Browse Source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
chihlasm
2026-03-03 08:12:36 -05:00
parent ff5b1e23e8
commit 1397254dfd
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/components/dashboard/QuickStats.tsx
View File

@@ -18,15 +18,15 @@ export function QuickStats({ stats }: QuickStatsProps) {
{stats.map((stat, i) => ( {stats.map((stat, i) => (
<div <div
key={stat.label} key={stat.label}
className="fade-in rounded-xl border border-border bg-card p-4 transition-colors hover:border-border/80" className={cn('glass-card p-4 fade-in', i === 0 && 'active-glow')}
style={{ animationDelay: `${50 + i * 30}ms` }} style={{ animationDelay: `${50 + i * 30}ms` }}
> >
<p className="font-label text-[0.6875rem] font-semibold uppercase tracking-[0.05em] text-muted-foreground"> <p className="font-label text-[0.625rem] font-medium uppercase tracking-[0.1em] text-muted-foreground">
{stat.label} {stat.label}
</p> </p>
<p <p
className={cn( className={cn(
'mt-1 font-heading text-2xl font-bold tracking-tight', 'mt-1 font-heading text-2xl font-extrabold tracking-tight',
stat.gradient && 'text-gradient-brand', stat.gradient && 'text-gradient-brand',
stat.color stat.color
)} )}

4
frontend/src/components/dashboard/SessionsPanel.tsx
View File

@@ -21,8 +21,8 @@ export function SessionsPanel({ sessions, delay = 200 }: SessionsPanelProps) {
if (sessions.length === 0) return null if (sessions.length === 0) return null
return ( return (
<div className="fade-in rounded-xl border border-border bg-card" style={{ animationDelay: `${delay}ms` }}> <div className="glass-card-static fade-in" style={{ animationDelay: `${delay}ms` }}>
<div className="flex items-center justify-between border-b border-border px-4 py-3"> <div className="flex items-center justify-between px-4 py-3" style={{ borderBottom: '1px solid var(--glass-border)' }}>
<h3 className="font-heading text-sm font-semibold text-foreground">Recent Sessions</h3> <h3 className="font-heading text-sm font-semibold text-foreground">Recent Sessions</h3>
<Link to="/sessions" className="text-[0.6875rem] text-muted-foreground hover:text-foreground transition-colors"> <Link to="/sessions" className="text-[0.6875rem] text-muted-foreground hover:text-foreground transition-colors">
View All View All