Skip to content

Commit 8351f0a

Browse files
CopilotBoshen
andcommitted
Add minification benchmarks dashboard with interactive charts
Co-authored-by: Boshen <1430279+Boshen@users.noreply.github.com>
1 parent e538e85 commit 8351f0a

2 files changed

Lines changed: 259 additions & 77 deletions

File tree

apps/dashboard/src/App.css

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -62,6 +62,54 @@
6262
}
6363
}
6464

65+
/* Page Navigation */
66+
.page-nav {
67+
background: #f8fafc;
68+
padding: 1rem 2rem;
69+
display: flex;
70+
gap: 0.5rem;
71+
max-width: 1200px;
72+
margin: 0 auto;
73+
border-bottom: 1px solid #e2e8f0;
74+
}
75+
76+
.page-button {
77+
display: flex;
78+
align-items: center;
79+
gap: 0.5rem;
80+
padding: 0.75rem 1.5rem;
81+
border: 2px solid transparent;
82+
background: white;
83+
border-radius: 0.5rem;
84+
cursor: pointer;
85+
font-weight: 600;
86+
font-size: 0.9rem;
87+
transition: all 0.2s ease;
88+
color: #64748b;
89+
text-transform: capitalize;
90+
letter-spacing: -0.025em;
91+
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
92+
}
93+
94+
.page-button:hover {
95+
background: #f1f5f9;
96+
color: #475569;
97+
transform: translateY(-1px);
98+
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
99+
}
100+
101+
.page-button.active {
102+
background: #000000;
103+
color: white;
104+
border-color: #000000;
105+
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
106+
}
107+
108+
.page-button.active:hover {
109+
background: #374151;
110+
transform: translateY(-1px);
111+
}
112+
65113
/* Navigation */
66114
.dashboard-nav {
67115
background: transparent;

0 commit comments

Comments
 (0)