diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2020-12-11 21:43:28 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2020-12-11 21:43:28 +0900 |
| commit | 629991443ae759d315c280fc7c6227a902028ffe (patch) | |
| tree | 015c1135c6a6f66eec8fc156659c6f3a638fd751 /src/client/components/loading.vue | |
| parent | ショートカットからお気に入りとRenote時にダイアログを... (diff) | |
| download | misskey-629991443ae759d315c280fc7c6227a902028ffe.tar.gz misskey-629991443ae759d315c280fc7c6227a902028ffe.tar.bz2 misskey-629991443ae759d315c280fc7c6227a902028ffe.zip | |
Update vetur
Diffstat (limited to 'src/client/components/loading.vue')
| -rw-r--r-- | src/client/components/loading.vue | 64 |
1 files changed, 0 insertions, 64 deletions
diff --git a/src/client/components/loading.vue b/src/client/components/loading.vue deleted file mode 100644 index b4693258b9..0000000000 --- a/src/client/components/loading.vue +++ /dev/null @@ -1,64 +0,0 @@ -<template> -<div class="yxspomdl" :class="{ inline }"> - <div class="ring"></div> -</div> -</template> - -<script lang="ts"> -import { defineComponent } from 'vue'; -import * as os from '@/os'; - -export default defineComponent({ - props: { - inline: { - type: Boolean, - required: false, - default: false - } - } -}); -</script> - -<style lang="scss" scoped> -@keyframes ring { - 0% { - transform: rotate(0deg); - } - 100% { - transform: rotate(360deg); - } -} - -.yxspomdl { - padding: 32px; - text-align: center; - - &.inline { - display: inline; - padding: 0; - - > .ring:after { - width: 32px; - height: 32px; - } - } - - > .ring { - display: inline-block; - opacity: 0.7; - vertical-align: middle; - } - - > .ring:after { - content: " "; - display: block; - box-sizing: border-box; - width: 48px; - height: 48px; - border-radius: 50%; - border: solid 4px; - border-color: currentColor transparent transparent transparent; - animation: ring 0.5s linear infinite; - } -} -</style> |