diff options
| author | cyqsimon <28627918+cyqsimon@users.noreply.github.com> | 2022-07-26 04:27:14 +0000 |
|---|---|---|
| committer | cyqsimon <28627918+cyqsimon@users.noreply.github.com> | 2022-08-22 10:51:17 +0000 |
| commit | a99d8bdcadf4f822bb86a2710e5d73783ac7097a (patch) | |
| tree | 49bfe13380e8a747f57d4928ade34032c5899cb6 /data/style.scss | |
| parent | Disable broken tests for Windows (diff) | |
| download | miniserve-a99d8bdcadf4f822bb86a2710e5d73783ac7097a.tar.gz miniserve-a99d8bdcadf4f822bb86a2710e5d73783ac7097a.zip | |
Move QR code page style to `style.scss`
Diffstat (limited to '')
| -rw-r--r-- | data/style.scss | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/data/style.scss b/data/style.scss index 0fcc90d..a5b3707 100644 --- a/data/style.scss +++ b/data/style.scss @@ -17,7 +17,29 @@ $themes: squirrel, archlinux, monokai, zenburn; @return $s; } +// make QR code expand and fill page +// -------------------------------------------------- +html.qr_code_page { + width: 100vw; + height: 100vh; +} + +html.qr_code_page body { + width: 100%; + height: 100%; + margin: 0; + display: grid; + align-items: center; + justify-items: center; +} + +html.qr_code_page svg { + width: 80%; + height: 80%; +} + +// -------------------------------------------------- html { font-smoothing: antialiased; |