fix: extend server cards

This commit is contained in:
2026-03-21 22:49:10 +01:00
parent 3cf56b335c
commit 004ba49de3

View File

@@ -28,10 +28,10 @@ export function ServerListWithActions({ servers, user }: ServerListWithActionsPr
return ( return (
<> <>
<header className="flex h-12 items-center justify-between border-b border-border-muted px-5"> <header className="border-border-muted flex h-12 items-center justify-between border-b px-5">
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
<span className="text-sm font-semibold text-primary">Servers</span> <span className="text-primary text-sm font-semibold">Servers</span>
<span className="text-xs text-muted">{servers.length} total</span> <span className="text-muted text-xs">{servers.length} total</span>
</div> </div>
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<RefreshButton /> <RefreshButton />
@@ -60,7 +60,7 @@ export function ServerListWithActions({ servers, user }: ServerListWithActionsPr
{/* Card grid — desktop only */} {/* Card grid — desktop only */}
<div <div
className="hidden gap-3 md:grid" className="hidden gap-3 md:grid"
style={{ gridTemplateColumns: 'repeat(auto-fill, minmax(260px, 1fr))' }} style={{ gridTemplateColumns: 'repeat(auto-fill, minmax(360px, 1fr))' }}
> >
{servers.map((server) => ( {servers.map((server) => (
<ServerCard key={server.id} server={server} /> <ServerCard key={server.id} server={server} />