refactor(samples): simplify calc-02 background styling
This commit is contained in:
@@ -39,11 +39,10 @@ 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;
|
||||||
|
|||||||
Reference in New Issue
Block a user