diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2021-03-05 13:51:22 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2021-03-05 13:51:22 +0900 |
| commit | 54bcb80b447805f673e875ee98fd849879b73a4f (patch) | |
| tree | df2e027f773a0b6b8f937a82d7868fdf71bbfc09 /src/server/web | |
| parent | Improve reaction picker performance (diff) | |
| download | sharkey-54bcb80b447805f673e875ee98fd849879b73a4f.tar.gz sharkey-54bcb80b447805f673e875ee98fd849879b73a4f.tar.bz2 sharkey-54bcb80b447805f673e875ee98fd849879b73a4f.zip | |
Splash screen :sparkles:
Diffstat (limited to 'src/server/web')
| -rw-r--r-- | src/server/web/style.css | 22 | ||||
| -rw-r--r-- | src/server/web/views/base.pug | 6 |
2 files changed, 9 insertions, 19 deletions
diff --git a/src/server/web/style.css b/src/server/web/style.css index 6ab2c2154a..acf8e083de 100644 --- a/src/server/web/style.css +++ b/src/server/web/style.css @@ -3,17 +3,20 @@ html { color: var(--fg); } -#ini { +#splash { position: fixed; - z-index: 1; + z-index: 10000; top: 0; left: 0; width: 100%; height: 100%; cursor: wait; + background-color: var(--bg); + opacity: 1; + transition: opacity 0.5s ease; } -#ini > svg { +#splash > img { position: absolute; top: 0; right: 0; @@ -22,16 +25,5 @@ html { margin: auto; width: 64px; height: 64px; - animation: ini 0.6s infinite linear; - color: var(--accent); - fill: currentColor; -} - -@keyframes ini { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } + pointer-events: none; } diff --git a/src/server/web/views/base.pug b/src/server/web/views/base.pug index 1b053438dc..9a5c674242 100644 --- a/src/server/web/views/base.pug +++ b/src/server/web/views/base.pug @@ -44,8 +44,6 @@ html | JavaScriptを有効にしてください br | Please turn on your JavaScript - div#ini. - <svg viewBox="0 0 50 50"> - <path d="M25.251,6.461c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615V6.461z" /> - </svg> + div#splash + img(src='/favicon.ico') block content |