updates

site/src/components/routes/server.tsx

@@ -2,6 +2,7 @@ import { pb } from '@/lib/stores'
 import { SystemRecord } from '@/types'
 import { useEffect, useState } from 'preact/hooks'
 import { useRoute } from 'wouter-preact'
+import { Card, CardHeader, CardTitle, CardDescription, CardContent } from '../ui/card'
 
 export function ServerDetail() {
 	const [_, params] = useRoute('/server/:name')
@@ -21,8 +22,15 @@ export function ServerDetail() {
 
 	return (
 		<>
-			<h1>{node.name}</h1>
-			<pre>{JSON.stringify(node, null, 2)}</pre>
+			<Card>
+				<CardHeader>
+					<CardTitle className={'mb-3'}>{node.name}</CardTitle>
+					<CardDescription>5.342.34.234</CardDescription>
+				</CardHeader>
+				<CardContent>
+					<pre>{JSON.stringify(node, null, 2)}</pre>
+				</CardContent>
+			</Card>
 		</>
 	)
 }