Archive/clean-cuts
1
0
Fork 0
mirror of https://github.com/BlossomiShymae/clean-cuts.git synced 2025-12-06 18:20:47 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add overview for TFT map skins

Browse Source
This commit is contained in:
BlossomiShymae
2024-09-14 14:47:21 -05:00
parent 8058c4b233
commit d6eed61f8b
3 changed files with 55 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
components/Badge.vue
View File

@@ -1,6 +1,8 @@
<template>
<span class="badge text-bg-dark border text-dark-emphasis fw-normal d-flex align-items-center gap-2 bg-transparent bg-blur-4 border-light border-opacity-25">
<MaterialIcon :size="24" :name="name" />
<span class="badge text-bg-dark border text-dark-emphasis fw-normal d-flex align-items-center gap-2 bg-transparent bg-blur-4 border-light border-opacity-25"
style="min-height: 32px;">
<span class="fw-bold" v-if="label">{{ label }}</span>
<MaterialIcon v-if="name" :size="24" :name="name" />
<slot></slot>
</span>
</template>
@@ -9,7 +11,8 @@
import MaterialIcon from './MaterialIcon.vue';
defineProps<{
name: string
name?: string;
label?: string;
}>();
</script>