mirror of
https://github.com/openclaw/openclaw.git
synced 2026-08-28 05:16:23 -06:00
Peter Steinberger
d3173f6f91
The entry stylesheet aggregated approval, config, config-quick, and lobster-pet styles even though every consumer is a lazy route chunk or lazily defined element, and two small UI landings tipped startup CSS to exactly the 42.0 KiB budget, failing all QA Smoke profiles on main (run 29643357786). Move each stylesheet to its owning lazy module — pages already own their CSS this way (chat, agents, cron) — and keep only the shell's pre-hydration approval booting subset in the entry via the new approval-boot.css. Startup CSS drops 42.0 -> 36.0 KiB gzip; tighten the budget 42 -> 38 KiB to lock in the recovery, matching the startup-JS precedent from #110528.
50 lines
1.1 KiB
CSS
50 lines
1.1 KiB
CSS
openclaw-approval-page {
|
|
display: block;
|
|
height: 100vh;
|
|
height: 100dvh;
|
|
min-height: 100vh;
|
|
min-height: 100svh;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.approval-page {
|
|
position: relative;
|
|
isolation: isolate;
|
|
display: grid;
|
|
grid-template-columns: minmax(0, 720px);
|
|
grid-template-rows: max-content max-content;
|
|
grid-auto-rows: max-content;
|
|
height: 100%;
|
|
min-height: 100vh;
|
|
min-height: 100svh;
|
|
align-content: start;
|
|
align-content: safe center;
|
|
justify-content: center;
|
|
place-items: center;
|
|
gap: 18px;
|
|
overflow: hidden auto;
|
|
padding: max(32px, var(--safe-area-top)) max(22px, var(--safe-area-right))
|
|
max(24px, var(--safe-area-bottom)) max(22px, var(--safe-area-left));
|
|
background: var(--bg);
|
|
color: var(--text);
|
|
}
|
|
|
|
@media (display-mode: standalone) {
|
|
openclaw-approval-page {
|
|
height: 100%;
|
|
min-height: 0;
|
|
}
|
|
|
|
.approval-page {
|
|
min-height: 100%;
|
|
}
|
|
}
|
|
|
|
.approval-page--booting {
|
|
align-content: center;
|
|
color: var(--muted);
|
|
}
|
|
|
|
/* Only the shell's pre-hydration booting state lives here; the full approval
|
|
* page styles load with the lazy page chunk (see approval-page.ts). */
|