3 Commits

Author SHA1 Message Date
a028dc8242 bump version 2026-03-23 22:37:15 +01:00
53b35c13b4 fix: server card in cols 2026-03-23 22:37:10 +01:00
8996cbbfa0 fix: server card layout 2026-03-23 22:36:33 +01:00
3 changed files with 5 additions and 5 deletions

View File

@@ -1,6 +1,6 @@
{ {
"name": "acc-server-manager-web", "name": "acc-server-manager-web",
"version": "0.24.1", "version": "0.24.2",
"private": true, "private": true,
"scripts": { "scripts": {
"dev": "next dev --turbopack", "dev": "next dev --turbopack",

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 flex-1 flex-col 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} />
@@ -77,7 +77,7 @@ export function ServerCard({ server }: ServerCardProps) {
</div> </div>
</div> </div>
<div className="mt-3 flex items-center justify-between gap-2"> <div className="mt-auto pt-3 flex items-center justify-between gap-2">
<Badge variant={statusBadgeVariant(server.status)}> <Badge variant={statusBadgeVariant(server.status)}>
{serviceStatusToString(server.status)} {serviceStatusToString(server.status)}
</Badge> </Badge>

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} />