diff options
Diffstat (limited to 'src/static/main.css')
| -rw-r--r-- | src/static/main.css | 32 |
1 files changed, 21 insertions, 11 deletions
diff --git a/src/static/main.css b/src/static/main.css index 2c9da29..96d571d 100644 --- a/src/static/main.css +++ b/src/static/main.css @@ -102,7 +102,7 @@ html, body { /* Background image */ #background-image { - background-image: url("/static/pics/mine/Lithaunsplads - Saxogade.webp"); + background-image: url("/pic/Lithaunsplads - Saxogade.webp"); position: absolute; background-position: center; filter: blur(2vh); /* vh because it's zoom agnostic */ @@ -123,14 +123,12 @@ html, body { color: white; z-index: 500; pointer-events: none; - /* center */ - left: 0; - right: 0; - margin-inline: auto; - width: fit-content; - /* Display next to each other */ - display: flex; - gap: 1em; + font-size: 1rem; + width: 100%; + /* Center children */ + display: flex; + align-items: center; + height: 100vh; } #overlay-distance > * { @@ -138,12 +136,24 @@ html, body { } #overlay-distance { - background: #0008; + background: #0007; + backdrop-filter: blur(8px); pointer-events: none; user-select: none; border-radius: 0.5em; padding: 0.5em; - height: 100%; + height: 4em; + margin: auto; /* Center horizontally */ + font-size: 1.75rem; +} + +#overlay-bottom { + position: absolute; + bottom: 1em; + font-size: 1.25rem; + /* Center horizontally */ + left: 0; + width: 100%; } .bottom-button { |