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

@@ -737,9 +737,9 @@
transform-origin: left center;
"
@click.stop>
<el-checkbox
:checked="userDialogGroupEditSelectedGroupIds.includes(group.id)"
@change="() => toggleGroupSelection(group.id)" />
<Checkbox
:model-value="userDialogGroupEditSelectedGroupIds.includes(group.id)"
@update:modelValue="() => toggleGroupSelection(group.id)" />
</div>
<div style="margin-right: 3px; margin-left: 5px" @click.stop>
@@ -1306,6 +1306,7 @@
} from '@/components/ui/dropdown-menu';
import { Download, LogOut, RefreshCcw } from 'lucide-vue-next';
import { Button } from '@/components/ui/button';
import { Checkbox } from '@/components/ui/checkbox';
import { ElMessageBox } from 'element-plus';
import { Spinner } from '@/components/ui/spinner';
import { storeToRefs } from 'pinia';

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';