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

add vertical panel option to dashboard settings page

Browse Source
This commit is contained in:
pa
2026-03-13 09:51:42 +09:00
parent 73493cb0aa
commit bb32b6e92b
5 changed files with 37 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/views/Dashboard/Dashboard.vue
View File

@@ -39,16 +39,28 @@
<button
type="button"
class="flex h-10 w-16 items-center justify-center rounded-md border-2 border-dashed border-muted-foreground/30 transition-colors hover:border-primary/50 hover:bg-primary/5"
:title="t('dashboard.actions.add_full_row')"
@click.stop="handleAddRow(1)">
<div class="h-6 w-12 rounded bg-muted-foreground/20" />
</button>
<button
type="button"
class="flex h-10 w-16 items-center justify-center gap-1 rounded-md border-2 border-dashed border-muted-foreground/30 transition-colors hover:border-primary/50 hover:bg-primary/5"
:title="t('dashboard.actions.add_split_row')"
@click.stop="handleAddRow(2)">
<div class="h-6 w-5 rounded bg-muted-foreground/20" />
<div class="h-6 w-5 rounded bg-muted-foreground/20" />
</button>
<button
type="button"
class="flex h-10 w-16 items-center justify-center gap-1 rounded-md border-2 border-dashed border-muted-foreground/30 transition-colors hover:border-primary/50 hover:bg-primary/5"
:title="t('dashboard.actions.add_vertical_row')"
@click.stop="handleAddRow(2, 'vertical')">
<div class="flex flex-col gap-0.5">
<div class="h-2.5 w-10 rounded bg-muted-foreground/20" />
<div class="h-2.5 w-10 rounded bg-muted-foreground/20" />
</div>
</button>
</div>
<Plus v-else class="size-6 opacity-50" />
</div>
@@ -143,9 +155,9 @@
showAddRowOptions.value = !showAddRowOptions.value;
};
const handleAddRow = (panelCount) => {
const handleAddRow = (panelCount, direction = 'horizontal') => {
const panels = Array(panelCount).fill(null);
editRows.value.push({ panels });
editRows.value.push({ panels, direction });
showAddRowOptions.value = false;
};