summaryrefslogtreecommitdiff
path: root/packages/client/src/components/MkDialog.vue
diff options
context:
space:
mode:
authorsyuilo <Syuilotan@yahoo.co.jp>2022-12-19 19:01:30 +0900
committerGitHub <noreply@github.com>2022-12-19 19:01:30 +0900
commit917ef465a5520137b478ffcf16af5a9e717d7a40 (patch)
tree875796c757aa058e05ad9d50691f04e16ccd8db0 /packages/client/src/components/MkDialog.vue
parentfix(client): add missing ref for MkButton (#9357) (diff)
downloadmisskey-917ef465a5520137b478ffcf16af5a9e717d7a40.tar.gz
misskey-917ef465a5520137b478ffcf16af5a9e717d7a40.tar.bz2
misskey-917ef465a5520137b478ffcf16af5a9e717d7a40.zip
Use tabler icons (#9354)
* wip * wip * wip * Update style.scss * wip * wip * wip * wip
Diffstat (limited to 'packages/client/src/components/MkDialog.vue')
-rw-r--r--packages/client/src/components/MkDialog.vue14
1 files changed, 7 insertions, 7 deletions
diff --git a/packages/client/src/components/MkDialog.vue b/packages/client/src/components/MkDialog.vue
index 513e2d22ba..8a46e9cdde 100644
--- a/packages/client/src/components/MkDialog.vue
+++ b/packages/client/src/components/MkDialog.vue
@@ -5,17 +5,17 @@
<i :class="icon"></i>
</div>
<div v-else-if="!input && !select" class="icon" :class="type">
- <i v-if="type === 'success'" class="fas fa-check"></i>
- <i v-else-if="type === 'error'" class="fas fa-times-circle"></i>
- <i v-else-if="type === 'warning'" class="fas fa-exclamation-triangle"></i>
- <i v-else-if="type === 'info'" class="fas fa-info-circle"></i>
- <i v-else-if="type === 'question'" class="fas fa-question-circle"></i>
+ <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>
<i v-else-if="type === 'waiting'" class="fas fa-spinner fa-pulse"></i>
</div>
<header v-if="title"><Mfm :text="title"/></header>
<div v-if="text" class="body"><Mfm :text="text"/></div>
<MkInput v-if="input" v-model="inputValue" autofocus :type="input.type || 'text'" :placeholder="input.placeholder || undefined" @keydown="onInputKeydown">
- <template v-if="input.type === 'password'" #prefix><i class="fas fa-lock"></i></template>
+ <template v-if="input.type === 'password'" #prefix><i class="ti ti-lock"></i></template>
</MkInput>
<MkSelect v-if="select" v-model="selectedValue" autofocus>
<template v-if="select.items">
@@ -155,7 +155,7 @@ onBeforeUnmount(() => {
border-radius: var(--radius);
> .icon {
- font-size: 32px;
+ font-size: 24px;
&.info {
color: #55c4dd;