HoovesSocial/hippofish
2
0
Fork 0
Code Issues 3 Pull requests 1 Projects Releases Packages Wiki Activity Actions

fix: 🐛 MkDialog/MkWaitingDialog icons

Browse source
This commit is contained in:
ThatOneCalculator 2023-10-19 10:55:48 -07:00
parent a954a06fad
commit e0aebd8f32
No known key found for this signature in database
GPG key ID: 8703CACD01000000
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>>();