From cfcc0017aa67b41b6bfedf7e3b79db70c5bcd153 Mon Sep 17 00:00:00 2001 From: Adrian Wannenmacher Date: Mon, 9 Mar 2026 21:02:50 +0100 Subject: [PATCH] actually implement splash screens I forgot to commit the style sheet before. --- ui/splash.css | 30 ++++++++++++++++++++++++++++++ 1 file changed, 30 insertions(+) create mode 100644 ui/splash.css diff --git a/ui/splash.css b/ui/splash.css new file mode 100644 index 0000000..ccf0c65 --- /dev/null +++ b/ui/splash.css @@ -0,0 +1,30 @@ +.wb-splash { + display: flex; + flex-direction: column; + justify-content: space-evenly; + min-height: 100%; + align-items: center; + padding: 1em; + box-sizing: border-box; + text-align: center; + + >.spinner { + --spinner-size: 5em; + width: var(--spinner-size); + height: var(--spinner-size); + border: calc(var(--spinner-size) / 10) solid var(--color-text); + border-top-color: var(--color-accent); + border-radius: 50%; + animation: 1s rotate infinite linear; + } +} + +@keyframes rotate { + from { + transform: rotate(0deg); + } + + to { + transform: rotate(360deg); + } +} \ No newline at end of file