MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-05-05 06:16:05 +02:00
Code Issues Packages Projects Releases Wiki Activity

improve friend sidebar settings ui

Browse Source
This commit is contained in:
pa
2026-03-24 09:01:51 +09:00
parent 6b1b21c8d5
commit 4b42ab7479
1 changed files with 19 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/Sidebar/Sidebar.vue
+18 -25
View File
@@ -94,9 +94,24 @@
<Separator /> <Separator />
<!-- Sort Section --> <!-- Advanced Section (Collapsible) -->
<span class="text-[11px] font-medium text-muted-foreground uppercase tracking-wide"> <Collapsible v-model:open="isAdvancedOpen">
{{ t('side_panel.settings.sort') }} <CollapsibleTrigger as-child>
<button
type="button"
class="flex w-full items-center justify-between py-0.5 text-[11px] font-medium text-muted-foreground uppercase tracking-wide cursor-pointer hover:text-foreground transition-colors">
{{ t('side_panel.settings.advanced') }}
<ChevronDown
class="size-3.5 transition-transform duration-200"
:class="{ 'rotate-180': isAdvancedOpen }" />
</button>
</CollapsibleTrigger>
<CollapsibleContent>
<div class="flex flex-col gap-2.5 pt-2.5">
<!-- Sorting Sub-section -->
<span
class="text-[10px] font-medium text-muted-foreground/70 uppercase tracking-wide">
{{ t('side_panel.settings.sorting') }}
</span> </span>
<Field> <Field>
<FieldContent> <FieldContent>
@@ -117,28 +132,6 @@
</Select> </Select>
</FieldContent> </FieldContent>
</Field> </Field>
<Separator />
<!-- Advanced Section (Collapsible) -->
<Collapsible v-model:open="isAdvancedOpen">
<CollapsibleTrigger as-child>
<button
type="button"
class="flex w-full items-center justify-between py-0.5 text-[11px] font-medium text-muted-foreground uppercase tracking-wide cursor-pointer hover:text-foreground transition-colors">
{{ t('side_panel.settings.advanced') }}
<ChevronDown
class="size-3.5 transition-transform duration-200"
:class="{ 'rotate-180': isAdvancedOpen }" />
</button>
</CollapsibleTrigger>
<CollapsibleContent>
<div class="flex flex-col gap-2.5 pt-2.5">
<!-- Sorting Sub-section -->
<span
class="text-[10px] font-medium text-muted-foreground/70 uppercase tracking-wide">
{{ t('side_panel.settings.sorting') }}
</span>
<Field> <Field>
<FieldLabel>{{ t('side_panel.settings.sort_secondary') }}</FieldLabel> <FieldLabel>{{ t('side_panel.settings.sort_secondary') }}</FieldLabel>
<FieldContent> <FieldContent>