FJurmanovic/acc-server-manager-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: server card layout

Browse Source
This commit is contained in:
Fran Jurmanović
2026-03-23 22:36:33 +01:00
parent 9999f843e5
commit 8996cbbfa0
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/server/ServerCard.tsx
View File

@@ -55,8 +55,8 @@ export function ServerCard({ server }: ServerCardProps) {
const isRunning = server.status === ServiceStatus.Running; const isRunning = server.status === ServiceStatus.Running;
return ( return (
<div className="overflow-hidden rounded-lg border border-border bg-canvas transition-colors hover:border-blue/40"> <div className="flex flex-col overflow-hidden rounded-lg border border-border bg-canvas transition-colors hover:border-blue/40">
<Link href={`/dashboard/server/${server.id}`} className="block p-4"> <Link href={`/dashboard/server/${server.id}`} className="flex-1 p-4">
<div className="flex items-start justify-between"> <div className="flex items-start justify-between">
<span className="text-sm font-semibold text-primary">{server.name}</span> <span className="text-sm font-semibold text-primary">{server.name}</span>
<StatusDot status={server.status} /> <StatusDot status={server.status} />

2
src/components/server/ServerListWithActions.tsx
View File

@@ -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(360px, 1fr))' }} style={{ gridTemplateColumns: 'repeat(auto-fill, minmax(420px, 1fr))' }}
> >
{servers.map((server) => ( {servers.map((server) => (
<ServerCard key={server.id} server={server} /> <ServerCard key={server.id} server={server} />