improve ui

This commit is contained in:
pa
2026-02-26 20:24:59 +09:00
committed by Natsumi
parent a814fe95aa
commit 69cd330257
3 changed files with 48 additions and 14 deletions
+16 -5
View File
@@ -15,11 +15,20 @@
<div class="mb-2 flex items-center justify-between">
<div class="flex flex-none mr-2 items-center">
<TooltipWrapper side="bottom" :content="t('view.friend_list.favorites_only_tooltip')">
<span class="inline-flex">
<Switch
v-model="friendsListSearchFilterVIP"
@update:modelValue="friendsListSearchChange" />
</span>
<div>
<Toggle
variant="outline"
size="sm"
:model-value="friendsListSearchFilterVIP"
@update:modelValue="
(v) => {
friendsListSearchFilterVIP = v;
friendsListSearchChange();
}
">
<Star />
</Toggle>
</div>
</TooltipWrapper>
<Select
multiple
@@ -118,6 +127,7 @@
import { storeToRefs } from 'pinia';
import { toast } from 'vue-sonner';
import { useI18n } from 'vue-i18n';
import { Star } from 'lucide-vue-next';
import { useRoute } from 'vue-router';
import {
@@ -131,6 +141,7 @@
import { friendRequest, userRequest } from '../../api';
import { DataTableLayout } from '../../components/ui/data-table';
import { Switch } from '../../components/ui/switch';
import { Toggle } from '../../components/ui/toggle';
import { createColumns } from './columns.jsx';
import { localeIncludes } from '../../shared/utils';
import removeConfusables, { removeWhitespace } from '../../service/confusables';