jackmechem/server-dash
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Redesign

Browse source
This commit is contained in:
Jack Mechem 2026-05-21 21:13:06 -07:00
parent 3f178f8795
commit c6e6c5ca48
Signed by: jackmechem
SSH key fingerprint: SHA256:GjIjMAC33pzYOe+hWcX5uvgnPrVFAXSrquvt84AOJbU
20 changed files with 664 additions and 277 deletions
Download patch file Download diff file Expand all files Collapse all files

10
app/components/UptimeCard.tsx
View file

@ -9,10 +9,10 @@ interface UptimeCardProps {
export default function UptimeCard({ uptime, delay = 0 }: UptimeCardProps) {
return (
<div
className="bg-white border border-gray-200 rounded-2xl p-6 shadow-sm animate-fade-up"
className="bg-primary border border-secondary rounded-2xl p-6 animate-fade-up"
style={{ animationDelay: `${delay}ms` }}
>
<p className="text-[0.68rem] font-medium tracking-widest uppercase text-gray-400 mb-4">
<p className="text-[0.68rem] font-medium tracking-widest uppercase text-foreground-sec mb-4">
Uptime
</p>
{uptime ? (
@ -25,13 +25,13 @@ export default function UptimeCard({ uptime, delay = 0 }: UptimeCardProps) {
<div
key={unit}
className={`flex flex-col items-center flex-1 ${
i < 2 ? "border-r border-gray-200" : ""
i < 2 ? "border-r border-secondary" : ""
}`}
>
<span className="text-3xl font-medium tracking-tight text-gray-900 leading-none">
<span className="text-3xl font-medium tracking-tight text-foreground leading-none">
{pad(val)}
</span>
<span className="text-[0.62rem] uppercase tracking-widest text-gray-400 mt-1.5">
<span className="text-[0.62rem] uppercase tracking-widest text-foreground-sec mt-1.5">
{unit}
</span>
</div>