style: adjust grid layout for monitoring card and clean up class names

This commit is contained in:
djknaeckebrot
2025-01-13 12:02:59 +01:00
parent 8b203c48b4
commit b68273c8ca

View File

@@ -70,7 +70,7 @@ export default function SwarmMonitorCard({ serverId }: Props) {
); );
return ( return (
<Card className="h-full bg-sidebar p-2.5 rounded-xl max-w-8xl mx-auto w-full"> <Card className="h-full bg-sidebar p-2.5 rounded-xl mx-auto w-full">
<div className="rounded-xl bg-background shadow-md p-6 flex flex-col gap-4"> <div className="rounded-xl bg-background shadow-md p-6 flex flex-col gap-4">
<header className="flex items-center justify-between"> <header className="flex items-center justify-between">
<div className="space-y-1"> <div className="space-y-1">
@@ -94,7 +94,7 @@ export default function SwarmMonitorCard({ serverId }: Props) {
)} )}
</header> </header>
<div className="grid gap-6 md:grid-cols-3"> <div className="grid gap-6 lg:grid-cols-3">
<Card className="bg-background"> <Card className="bg-background">
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2"> <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
<CardTitle className="text-sm font-medium">Total Nodes</CardTitle> <CardTitle className="text-sm font-medium">Total Nodes</CardTitle>