modified: style.css
This commit is contained in:
@ -37,19 +37,16 @@
|
|||||||
|
|
||||||
/* ─── Page shell ────────────────────────────────────────────── */
|
/* ─── Page shell ────────────────────────────────────────────── */
|
||||||
/* Two rows: content fills everything, footer claims fixed slice */
|
/* Two rows: content fills everything, footer claims fixed slice */
|
||||||
html { height: 100%; }
|
html { height: 100dvh; height: 100vh; }
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background-color: var(--bg);
|
background-color: var(--bg);
|
||||||
color: var(--text);
|
color: var(--text);
|
||||||
height: 100%;
|
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
height: 100dvh;
|
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-rows: 1fr var(--footer-h);
|
grid-template-rows: 1fr var(--footer-h);
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
align-content: start;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ─── .main ─────────────────────────────────────────────────── */
|
/* ─── .main ─────────────────────────────────────────────────── */
|
||||||
@ -77,8 +74,8 @@ body {
|
|||||||
border: 1px solid var(--accent);
|
border: 1px solid var(--accent);
|
||||||
border-radius: var(--r-lg) var(--r-lg) 0 0;
|
border-radius: var(--r-lg) var(--r-lg) 0 0;
|
||||||
box-shadow: var(--glow-soft);
|
box-shadow: var(--glow-soft);
|
||||||
max-height: calc(100dvh - var(--footer-h));
|
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ─── .conditions ───────────────────────────────────────────── */
|
/* ─── .conditions ───────────────────────────────────────────── */
|
||||||
|
|||||||
Reference in New Issue
Block a user