Madeorsk/rudeshark.net
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

4
packages/client/src/components/MkWaitingDialog.vue
View File

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