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

11
app/components/Hero.tsx
View file

@ -34,7 +34,7 @@ export default function Hero({ lastUpdated }: HeroProps) {
<ControlPanel onClose={() => setMenuOpen(false)} />,
document.body,
)}
<p className="text-xs font-medium tracking-widest uppercase text-blue-500 mb-3">
<p className="text-xs font-medium tracking-widest uppercase text-blue mb-3">
dell-xps-nixos-serv
</p>
<div className="flex gap-[10px] items-center w-full">
@ -57,28 +57,27 @@ export default function Hero({ lastUpdated }: HeroProps) {
/>
</svg>
<h1
className="text-4xl md:text-5xl font-normal leading-tight tracking-tight text-gray-900 mb-2"
style={{ fontFamily: "'Playfair Display', serif" }}
className="text-4xl md:text-5xl font-normal leading-tight tracking-tight text-foreground mb-2"
>
Home server
</h1>
{authed ? (
<div
onClick={() => setMenuOpen(true)}
className="align-self-end ml-auto px-[20px] py-[20px] rounded-2xl hover:bg-gray-200 cursor-pointer duration-[200ms] text-gray-600 hover:shadow-sm font-[600]"
className="align-self-end ml-auto px-[20px] py-[20px] rounded-2xl hover:bg-secondary cursor-pointer duration-[200ms] text-foreground-sec font-[600]"
>
<LuSettings2 />
</div>
) : (
<div
onClick={() => router.push("/auth")}
className="align-self-end ml-auto px-[18px] py-[5px] rounded-xl hover:bg-blue-500 shadow-sm bg-white border-blue-300 hover:border-blue-400 border cursor-pointer duration-[200ms] text-blue-400 hover:shadow-sm hover:text-blue-100 text-[11pt] font-[600]"
className="align-self-end ml-auto px-[18px] py-[5px] rounded-xl hover:bg-blue shadow-sm bg-primary border-blue/30 hover:border-blue border cursor-pointer duration-[200ms] text-blue hover:text-primary text-[11pt] font-[600]"
>
Authenticate
</div>
)}
</div>
<p className="text-sm text-gray-400 font-light">
<p className="text-sm text-foreground-sec font-light">
{lastUpdated
? `Last updated ${new Date(lastUpdated).toLocaleTimeString()}`
: "Fetching system stats..."}