style: Update CustomRuleCard.vue and FilterRuleGroupCard.vue to include filter icons

This commit is contained in:
jxxghp
2024-08-11 17:39:20 +08:00
parent ce96deb224
commit 202b9dc3bc
4 changed files with 28 additions and 0 deletions

View File

@@ -1,5 +1,6 @@
<script lang="ts" setup>
import { CustomRule } from '@/api/types'
import filter_svg from '@images/svg/filter.svg'
// 输入参数
const props = defineProps({
@@ -63,6 +64,7 @@ function onClose() {
<h5 class="text-h6 mb-1">{{ props.rule.id }}</h5>
<div class="text-body-1 mb-3">{{ props.rule.name }}</div>
</div>
<VImg :src="filter_svg" cover class="mt-7" max-width="3rem" />
</VCardText>
</VCard>
<VDialog v-model="ruleInfoDialog" scrollable max-width="40rem">

View File

@@ -5,6 +5,7 @@ import { FilterRuleGroup } from '@/api/types'
import FilterRuleCard from '@/components/cards/FilterRuleCard.vue'
import { useToast } from 'vue-toast-notification'
import ImportCodeDialog from '@/components/dialog/ImportCodeDialog.vue'
import filter_group_svg from '@images/misc/filter-group.png'
// 输入参数
const props = defineProps({
@@ -180,6 +181,7 @@ function onClose() {
<h5 class="text-h6 mb-1">{{ props.group.name }}</h5>
<div class="text-body-1 mb-3">{{ props.group.media_type || '通用' }}</div>
</div>
<VImg :src="filter_group_svg" cover class="mt-10" max-width="3rem" />
</VCardText>
</VCard>
<VDialog v-model="groupInfoDialog" scrollable max-width="80rem">