MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-04-26 18:23:47 +02:00
Code Issues Packages Projects Releases Wiki Activity

style

Browse Source
This commit is contained in:
pa
2026-02-05 16:59:16 +09:00
parent 1959497071
commit 2d4d6816d3
16 changed files with 92 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
src/views/Feed/Feed.vue
View File

@@ -16,24 +16,18 @@
</span>
</TooltipWrapper>
</div>
<Select
multiple
<ToggleGroup
type="multiple"
variant="outline"
size="sm"
:model-value="Array.isArray(feedTable.filter) ? feedTable.filter : []"
@update:modelValue="handleFeedFilterChange">
<SelectTrigger class="w-full" style="flex: 1">
<SelectValue :placeholder="t('view.feed.filter_placeholder')" />
</SelectTrigger>
<SelectContent>
<SelectGroup>
<SelectItem
v-for="type in ['GPS', 'Online', 'Offline', 'Status', 'Avatar', 'Bio']"
:key="type"
:value="type">
{{ t('view.feed.filters.' + type) }}
</SelectItem>
</SelectGroup>
</SelectContent>
</Select>
@update:model-value="handleFeedFilterChange"
class="w-full justify-start"
style="flex: 1">
<ToggleGroupItem v-for="type in feedFilterTypes" :key="type" :value="type">
{{ t('view.feed.filters.' + type) }}
</ToggleGroupItem>
</ToggleGroup>
<InputGroupField
v-model="feedTable.search"
:placeholder="t('view.feed.search_placeholder')"
@@ -52,15 +46,8 @@
import { storeToRefs } from 'pinia';
import { useI18n } from 'vue-i18n';
import {
Select,
SelectContent,
SelectGroup,
SelectItem,
SelectTrigger,
SelectValue
} from '../../components/ui/select';
import { useAppearanceSettingsStore, useFeedStore, useVrcxStore } from '../../stores';
import { ToggleGroup, ToggleGroupItem } from '../../components/ui/toggle-group';
import { DataTableLayout } from '../../components/ui/data-table';
import { InputGroupField } from '../../components/ui/input-group';
import { Switch } from '../../components/ui/switch';
@@ -74,6 +61,7 @@
const vrcxStore = useVrcxStore();
const { t } = useI18n();
const feedFilterTypes = ['GPS', 'Online', 'Offline', 'Status', 'Avatar', 'Bio'];
const feedRef = ref(null);
@@ -121,7 +109,8 @@
};
function handleFeedFilterChange(value) {
feedTable.value.filter = Array.isArray(value) ? value : [];
const selected = Array.isArray(value) ? value : [];
feedTable.value.filter = selected.length === feedFilterTypes.length ? [] : selected;
feedTableLookup();
}