mirror of
https://github.com/MrUnknownDE/VRCX.git
synced 2026-05-05 06:16:05 +02:00
improve friend sidebar settings ui
This commit is contained in:
@@ -94,32 +94,6 @@
|
|||||||
|
|
||||||
<Separator />
|
<Separator />
|
||||||
|
|
||||||
<!-- Sort Section -->
|
|
||||||
<span class="text-[11px] font-medium text-muted-foreground uppercase tracking-wide">
|
|
||||||
{{ t('side_panel.settings.sort') }}
|
|
||||||
</span>
|
|
||||||
<Field>
|
|
||||||
<FieldContent>
|
|
||||||
<Select
|
|
||||||
:model-value="sidebarSortMethod1"
|
|
||||||
@update:modelValue="setSidebarSortMethod1">
|
|
||||||
<SelectTrigger size="sm">
|
|
||||||
<SelectValue
|
|
||||||
:placeholder="
|
|
||||||
t('view.settings.appearance.side_panel.sorting.placeholder')
|
|
||||||
" />
|
|
||||||
</SelectTrigger>
|
|
||||||
<SelectContent>
|
|
||||||
<SelectItem v-for="opt in sortOptions" :key="opt.value" :value="opt.value">
|
|
||||||
{{ opt.label }}
|
|
||||||
</SelectItem>
|
|
||||||
</SelectContent>
|
|
||||||
</Select>
|
|
||||||
</FieldContent>
|
|
||||||
</Field>
|
|
||||||
|
|
||||||
<Separator />
|
|
||||||
|
|
||||||
<!-- Advanced Section (Collapsible) -->
|
<!-- Advanced Section (Collapsible) -->
|
||||||
<Collapsible v-model:open="isAdvancedOpen">
|
<Collapsible v-model:open="isAdvancedOpen">
|
||||||
<CollapsibleTrigger as-child>
|
<CollapsibleTrigger as-child>
|
||||||
@@ -139,6 +113,25 @@
|
|||||||
class="text-[10px] font-medium text-muted-foreground/70 uppercase tracking-wide">
|
class="text-[10px] font-medium text-muted-foreground/70 uppercase tracking-wide">
|
||||||
{{ t('side_panel.settings.sorting') }}
|
{{ t('side_panel.settings.sorting') }}
|
||||||
</span>
|
</span>
|
||||||
|
<Field>
|
||||||
|
<FieldContent>
|
||||||
|
<Select
|
||||||
|
:model-value="sidebarSortMethod1"
|
||||||
|
@update:modelValue="setSidebarSortMethod1">
|
||||||
|
<SelectTrigger size="sm">
|
||||||
|
<SelectValue
|
||||||
|
:placeholder="
|
||||||
|
t('view.settings.appearance.side_panel.sorting.placeholder')
|
||||||
|
" />
|
||||||
|
</SelectTrigger>
|
||||||
|
<SelectContent>
|
||||||
|
<SelectItem v-for="opt in sortOptions" :key="opt.value" :value="opt.value">
|
||||||
|
{{ opt.label }}
|
||||||
|
</SelectItem>
|
||||||
|
</SelectContent>
|
||||||
|
</Select>
|
||||||
|
</FieldContent>
|
||||||
|
</Field>
|
||||||
<Field>
|
<Field>
|
||||||
<FieldLabel>{{ t('side_panel.settings.sort_secondary') }}</FieldLabel>
|
<FieldLabel>{{ t('side_panel.settings.sort_secondary') }}</FieldLabel>
|
||||||
<FieldContent>
|
<FieldContent>
|
||||||
|
|||||||
Reference in New Issue
Block a user