diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2020-02-12 02:35:03 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2020-02-12 02:35:03 +0900 |
| commit | 7493429b4d4cd9b2963db12e0ceded4e05f2fcfb (patch) | |
| tree | 99196cad3a50596c1b20720a4a790e23697ede3d | |
| parent | Fix #5918 (diff) | |
| download | sharkey-7493429b4d4cd9b2963db12e0ceded4e05f2fcfb.tar.gz sharkey-7493429b4d4cd9b2963db12e0ceded4e05f2fcfb.tar.bz2 sharkey-7493429b4d4cd9b2963db12e0ceded4e05f2fcfb.zip | |
:art:
| -rw-r--r-- | src/client/components/loading.vue | 13 |
1 files changed, 6 insertions, 7 deletions
diff --git a/src/client/components/loading.vue b/src/client/components/loading.vue index 1ba93f065f..640c4cc9e3 100644 --- a/src/client/components/loading.vue +++ b/src/client/components/loading.vue @@ -27,20 +27,19 @@ export default Vue.extend({ > .ring { display: inline-block; - width: 80px; - height: 80px; opacity: 0.7; + vertical-align: middle; } > .ring:after { content: " "; display: block; - width: 64px; - height: 64px; - margin: 8px; + box-sizing: border-box; + width: 48px; + height: 48px; border-radius: 50%; - border: solid 6px; - border-color: var(--fg) transparent transparent transparent; + border: solid 4px; + border-color: currentColor transparent transparent transparent; animation: ring 0.5s linear infinite; } } |