Unified printer card layout

This commit is contained in:
Martin Ziegler
2025-11-29 11:03:22 +01:00
parent a2b889485d
commit 1a4f8209fd
3 changed files with 3 additions and 11 deletions
+1 -9
View File
@@ -257,20 +257,12 @@ function PrinterCard({ printer, hideIfDisconnected }: { printer: Printer; hideIf
{/* Status */}
{status?.connected && (
<>
{/* Printer State */}
<div className="mb-4">
<p className="text-sm text-bambu-gray mb-1">Status</p>
<p className="text-white font-medium capitalize">
{status.state?.toLowerCase() || 'Idle'}
</p>
</div>
{/* Current Print or Idle Placeholder */}
<div className="mb-4 p-3 bg-bambu-dark rounded-lg">
<div className="flex gap-3">
{/* Cover Image */}
<CoverImage
url={status.state === 'RUNNING' ? status.cover_url : undefined}
url={status.state === 'RUNNING' ? status.cover_url : null}
printName={status.state === 'RUNNING' ? (status.subtask_name || status.current_print || undefined) : undefined}
/>
{/* Print Info */}
File diff suppressed because one or more lines are too long
+1 -1
View File
@@ -7,7 +7,7 @@
<link rel="icon" type="image/png" sizes="32x32" href="/img/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/img/favicon-16x16.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon.png" />
<script type="module" crossorigin src="/assets/index-CzQ_ZlhY.js"></script>
<script type="module" crossorigin src="/assets/index-0UYIv_0v.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-LyIdyh0d.css">
</head>
<body>