refactor(samples): simplify calc-02 background styling

This commit is contained in:
2026-05-16 02:48:00 +02:00
parent 534bbc0afb
commit ba53f51bf7
+7 -8
View File
@@ -36,14 +36,13 @@ html, body {
} }
body { body {
min-height: 100vh; min-height: 100vh;
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
color: var(--buttonText); color: var(--buttonText);
background: background: var(--bg0);
radial-gradient(circle at top, rgba(255, 255, 255, 0.08), transparent 32%),
linear-gradient(180deg, var(--bg1), var(--bg0));
} }
.app-shell { .app-shell {
min-height: 100vh; min-height: 100vh;
display: grid; display: grid;
@@ -58,7 +57,7 @@ body {
display: grid; display: grid;
padding: 8px; padding: 8px;
border-radius: 8px; border-radius: 8px;
background: linear-gradient(180deg, var(--panel2), var(--panel)); background: var(--panel);
border: 1px solid var(--edge); border: 1px solid var(--edge);
box-shadow: 0 26px 70px var(--shadow), inset 0 1px 0 rgba(255, 255, 255, 0.08); box-shadow: 0 26px 70px var(--shadow), inset 0 1px 0 rgba(255, 255, 255, 0.08);
grid-template-columns: 1fr; grid-template-columns: 1fr;
@@ -105,7 +104,7 @@ body {
width: 100%; width: 100%;
padding: 16px; padding: 16px;
padding-bottom: 8px; padding-bottom: 8px;
background: linear-gradient(180deg, var(--display), var(--display2)); background: var(--display);
color: var(--displayText); color: var(--displayText);
font-family: "Courier New", monospace; font-family: "Courier New", monospace;
overflow: hidden; overflow: hidden;