diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2023-01-10 20:12:38 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2023-01-10 20:12:38 +0900 |
| commit | e6d666e1ee8cdb9aa942485001636ade9c16d6af (patch) | |
| tree | 87585f98ab08d28691a09ea2ec3708a4039f2307 /packages/frontend/src/components/MkDialog.vue | |
| parent | perf(server): improve nodeinfo performance (diff) | |
| download | misskey-e6d666e1ee8cdb9aa942485001636ade9c16d6af.tar.gz misskey-e6d666e1ee8cdb9aa942485001636ade9c16d6af.tar.bz2 misskey-e6d666e1ee8cdb9aa942485001636ade9c16d6af.zip | |
fix style
Diffstat (limited to '')
| -rw-r--r-- | packages/frontend/src/components/MkDialog.vue | 50 |
1 files changed, 25 insertions, 25 deletions
diff --git a/packages/frontend/src/components/MkDialog.vue b/packages/frontend/src/components/MkDialog.vue index bf9dc1f491..160ea23e05 100644 --- a/packages/frontend/src/components/MkDialog.vue +++ b/packages/frontend/src/components/MkDialog.vue @@ -4,13 +4,13 @@ <div v-if="icon" :class="$style.icon"> <i :class="icon"></i> </div> - <div v-else-if="!input && !select" :class="[$style.icon, type]"> - <i v-if="type === 'success'" class="ti ti-check"></i> - <i v-else-if="type === 'error'" class="ti ti-circle-x"></i> - <i v-else-if="type === 'warning'" class="ti ti-alert-triangle"></i> - <i v-else-if="type === 'info'" class="ti ti-info-circle"></i> - <i v-else-if="type === 'question'" class="ti ti-question-circle"></i> - <MkLoading v-else-if="type === 'waiting'" :em="true"/> + <div v-else-if="!input && !select" :class="[$style.icon, $style['type_' + type]]"> + <i v-if="type === 'success'" :class="$style.iconInner" class="ti ti-check"></i> + <i v-else-if="type === 'error'" :class="$style.iconInner" class="ti ti-circle-x"></i> + <i v-else-if="type === 'warning'" :class="$style.iconInner" class="ti ti-alert-triangle"></i> + <i v-else-if="type === 'info'" :class="$style.iconInner" class="ti ti-info-circle"></i> + <i v-else-if="type === 'question'" :class="$style.iconInner" class="ti ti-question-circle"></i> + <MkLoading v-else-if="type === 'waiting'" :class="$style.iconInner" :em="true"/> </div> <header v-if="title" :class="$style.title"><Mfm :text="title"/></header> <div v-if="text" :class="$style.text"><Mfm :text="text"/></div> @@ -158,30 +158,30 @@ onBeforeUnmount(() => { .icon { font-size: 24px; - &.info { - color: #55c4dd; + & + .title { + margin-top: 8px; } +} - &.success { - color: var(--success); - } +.iconInner { + display: block; + margin: 0 auto; +} - &.error { - color: var(--error); - } +.type_info { + color: #55c4dd; +} - &.warning { - color: var(--warn); - } +.type_success { + color: var(--success); +} - > * { - display: block; - margin: 0 auto; - } +.type_error { + color: var(--error); +} - & + .title { - margin-top: 8px; - } +.type_warning { + color: var(--warn); } .title { |