fix: scope console and workspace shell widths

This commit is contained in:
2026-08-21 18:34:40 +09:00
parent c2b82a2591
commit 4a276b0af0
3 changed files with 27 additions and 1 deletions
@@ -357,6 +357,26 @@ Deno.test("Worker Console uses protocol observation events without transcript fe
);
});
Deno.test("Worker Console owns its narrower centered shell width", async () => {
const page = await Deno.readTextFile(
new URL(
"./../../../routes/w/[workspaceId]/runtimes/[runtimeId]/workers/[workerId]/console/+page.svelte",
import.meta.url,
),
);
const rootLayout = await Deno.readTextFile(
new URL("./../../../routes/+layout.svelte", import.meta.url),
);
assert(
page.includes(".console-shell {") &&
page.includes("max-width: 920px;") &&
page.includes("margin-inline: auto;") &&
rootLayout.includes("max-width: 1280px;"),
"Root content should allow 1280px while Worker Console remains centered at 920px",
);
});
Deno.test("Worker Console overview activity summaries use 14px text", async () => {
const consoleLine = await Deno.readTextFile(
new URL("./ConsoleLineItem.svelte", import.meta.url),
+1 -1
View File
@@ -127,7 +127,7 @@
min-width: 0;
min-height: 0;
width: 100%;
max-width: 920px;
max-width: 1280px;
margin-inline: auto;
overflow-y: auto;
padding: var(--space-6);
@@ -1596,6 +1596,12 @@
</div>
<style>
.console-shell {
width: 100%;
max-width: 920px;
margin-inline: auto;
}
.worker-console-shell {
display: flex;
flex-direction: column;