fix(panel): force dark mode and pure black bg on server console card

This commit is contained in:
Lemon-miaow committed 2026-07-03 21:56:36 +08:00
1 parent f749c2c606
commit 5f402b190c
2 files changed
+7 -7

No files matched your search

+1 -1
View File
@@ -72,7 +72,7 @@ export function LogConsole({ url, className }: { url: string; className?: string
const jumpToLatest = useCallback(() => setPinned(true), []);
return (
<div className={cn("overflow-hidden rounded-md border border-border bg-zinc-950 flex-1 flex flex-col min-h-0", className)}>
<div className={cn("overflow-hidden rounded-md border border-border bg-black flex-1 flex flex-col min-h-0", className)}>
{/* Toolbar */}
<div className="flex items-center justify-between gap-2 border-b border-zinc-800 bg-zinc-900/60 px-3 py-2 shrink-0">
<StatusIndicator status={status} />
+6 -6
View File
@@ -240,27 +240,27 @@ export function ServerConsole() {
<div className="grid grid-cols-1 gap-6 lg:grid-cols-4 flex-1 lg:min-h-0 min-h-0">
{/* Left/Main column: Console */}
<div className="lg:col-span-3 flex flex-col lg:min-h-0 min-h-0 h-full">
<Card className="flex flex-col flex-1 lg:min-h-0 min-h-0 overflow-hidden">
<CardContent className="p-0 flex-1 flex flex-col lg:min-h-0 min-h-0">
<Card className="dark flex flex-col flex-1 lg:min-h-0 min-h-0 overflow-hidden bg-black text-zinc-50 border-zinc-800">
<CardContent className="p-0 flex-1 flex flex-col lg:min-h-0 min-h-0 bg-black">
{!streamable ? (
<div className="flex-1 flex flex-col justify-center p-6">
<div className="flex-1 flex flex-col justify-center p-6 bg-black">
<NotStreaming phase={data.phase} />
</div>
) : cfg ? (
<div className="flex-1 flex flex-col lg:min-h-0 min-h-0">
<div className="flex-1 flex flex-col lg:min-h-0 min-h-0 bg-black">
<LogConsole
key={name}
url={consoleStreamURL(cfg.apiBase, name)}
className="border-0 rounded-none bg-transparent"
/>
{data.phase === "Running" && (
<div className="p-3 bg-zinc-950/50 border-t border-zinc-800">
<div className="p-3 bg-zinc-900/40 border-t border-zinc-800">
<CommandInput name={name} />
</div>
)}
</div>
) : (
<div className="p-6">
<div className="p-6 bg-black">
<Loading />
</div>
)}