replace el-checkbox with Checkbox component

This commit is contained in:
pa
2026-01-11 22:25:54 +09:00
committed by Natsumi
parent 6222becd3d
commit 3ed266089a
26 changed files with 341 additions and 191 deletions

View File

@@ -220,18 +220,19 @@
</span>
<template v-if="userDialog.id === currentUser.id">
<br />
<el-checkbox
v-model="badge.hidden"
style="margin-top: 5px"
@change="toggleBadgeVisibility(badge)">
{{ t('dialog.user.badges.hidden') }}
</el-checkbox>
<label class="inline-flex items-center gap-2" style="margin-top: 5px">
<Checkbox
v-model="badge.hidden"
@update:modelValue="toggleBadgeVisibility(badge)" />
<span>{{ t('dialog.user.badges.hidden') }}</span>
</label>
<br />
<el-checkbox
v-model="badge.showcased"
@change="toggleBadgeShowcased(badge)">
{{ t('dialog.user.badges.showcased') }}
</el-checkbox>
<label class="inline-flex items-center gap-2">
<Checkbox
v-model="badge.showcased"
@update:modelValue="toggleBadgeShowcased(badge)" />
<span>{{ t('dialog.user.badges.showcased') }}</span>
</label>
</template>
</div>
</PopoverContent>
@@ -267,6 +268,7 @@
import { Popover, PopoverContent, PopoverTrigger } from '../../ui/popover';
import { useGalleryStore, useUserStore } from '../../../stores';
import { Badge } from '../../ui/badge';
import { Checkbox } from '../../ui/checkbox';
import UserActionDropdown from './UserActionDropdown.vue';