Restyle the footer

This commit is contained in:
Lim Chee Aun 2023-02-18 01:28:10 +08:00
parent 07d1734720
commit 046fde0f70

View file

@ -38,14 +38,17 @@
.status-deck footer { .status-deck footer {
position: sticky; position: sticky;
bottom: 0; bottom: 16px;
bottom: env(safe-area-inset-bottom); bottom: max(16px, env(safe-area-inset-bottom));
font-size: 90%; font-size: 90%;
background-color: var(--bg-faded-blur-color); background-color: var(--bg-faded-blur-color);
backdrop-filter: blur(16px); backdrop-filter: blur(16px);
padding: 16px; padding: 16px;
margin: 16px;
border-radius: 16px;
white-space: pre-wrap; white-space: pre-wrap;
line-height: 1.2; line-height: 1.2;
max-width: var(--main-width);
} }
.status-deck footer > p:first-of-type { .status-deck footer > p:first-of-type {
margin-top: 0; margin-top: 0;