sup39/firefish
1
0
Fork 0
forked from naskya/firefish
Code Issues Pull requests Activity

fix: MkDialog/MkWaitingDialog icons

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

17
packages/client/src/components/MkDialog.vue
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'"

4
packages/client/src/components/MkWaitingDialog.vue
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>>();