1
0
Fork 1
mirror of https://example.com synced 2024-11-22 12:16:40 +09:00

fix: MkDialog/MkWaitingDialog icons

This commit is contained in:
ThatOneCalculator 2023-10-22 16:25:30 +09:00 committed by naskya
parent ff9caeebcc
commit 8356a9c62b
Signed by: naskya
GPG key ID: 164DFF24E2D40139
2 changed files with 8 additions and 13 deletions

View file

@ -11,32 +11,27 @@
</div>
<div
v-else-if="!input && !select"
:class="[$style.icon, $style['type_' + type]]"
:class="[$style.icon, $style[`type_${type}`]]"
>
<i
v-if="type === 'success'"
:class="$style.iconInner"
class="ph-check ph-lg"
:class="[$style.iconInner, iconClass('ph-check')]"
></i>
<i
v-else-if="type === 'error'"
:class="$style.iconInner"
class="ph-circle-wavy-warning ph-lg"
:class="[$style.iconInner, iconClass('ph-circle-wavy-warning')]"
></i>
<i
v-else-if="type === 'warning'"
:class="$style.iconInner"
class="ph-warning ph-lg"
:class="[$style.iconInner, iconClass('ph-warning')]"
></i>
<i
v-else-if="type === 'info'"
:class="$style.iconInner"
class="ph-info ph-lg"
:class="[$style.iconInner, iconClass('ph-info')]"
></i>
<i
v-else-if="type === 'question'"
:class="$style.iconInner"
class="ph-circle-question ph-lg"
:class="[$style.iconInner, iconClass('ph-question')]"
></i>
<MkLoading
v-else-if="type === 'waiting'"

View file

@ -14,8 +14,7 @@
>
<i
v-if="success"
:class="[$style.icon, $style.success]"
class="ph-check ph-lg"
:class="[$style.icon, $style.success, iconClass('ph-check')]"
></i>
<MkLoading
v-else
@ -32,6 +31,7 @@
<script lang="ts" setup>
import { shallowRef, watch } from "vue";
import MkModal from "@/components/MkModal.vue";
import iconClass from "@/scripts/icon"
const modal = shallowRef<InstanceType<typeof MkModal>>();