mirror of
https://github.com/MrUnknownDE/VRCX.git
synced 2026-05-01 20:53:45 +02:00
feat: Add my avatars tab
This commit is contained in:
@@ -231,8 +231,12 @@
|
||||
:aria-label="themeColorDisplayName(theme)"
|
||||
:title="themeColorDisplayName(theme)"
|
||||
@click="handleThemeColorSelect(theme)"
|
||||
class="h-3.5 w-3.5 shrink-0 rounded-sm"
|
||||
:class="currentThemeColor === theme.key ? 'ring-1 --ring' : ''"
|
||||
class="h-3.5 w-3.5 shrink-0 rounded-sm transition-transform hover:scale-125"
|
||||
:class="
|
||||
currentThemeColor === theme.key
|
||||
? 'ring-1 ring-ring ring-offset-1 ring-offset-background'
|
||||
: ''
|
||||
"
|
||||
:style="{ backgroundColor: theme.swatch }"></button>
|
||||
</TooltipWrapper>
|
||||
</div>
|
||||
@@ -381,6 +385,7 @@
|
||||
items: ['friend-log', 'friend-list', 'moderation']
|
||||
},
|
||||
{ type: 'item', key: 'notification' },
|
||||
{ type: 'item', key: 'my-avatars' },
|
||||
{
|
||||
type: 'folder',
|
||||
id: 'default-folder-charts',
|
||||
|
||||
@@ -34,9 +34,36 @@
|
||||
<TableBody>
|
||||
<template v-if="table.getRowModel().rows?.length">
|
||||
<template v-for="row in table.getRowModel().rows" :key="row.id">
|
||||
<ContextMenu v-if="$slots['row-context-menu']">
|
||||
<ContextMenuTrigger as-child>
|
||||
<TableRow
|
||||
@click="handleRowClick(row)"
|
||||
:class="[
|
||||
'group/row',
|
||||
isDataTableStriped ? 'even:bg-muted/20' : '',
|
||||
rowClass?.(row) ?? ''
|
||||
]">
|
||||
<TableCell
|
||||
v-for="cell in row.getVisibleCells()"
|
||||
:key="cell.id"
|
||||
:class="getCellClass(cell)"
|
||||
:style="getPinnedStyle(cell.column)">
|
||||
<FlexRender
|
||||
:render="cell.column.columnDef.cell"
|
||||
:props="cell.getContext()" />
|
||||
</TableCell>
|
||||
</TableRow>
|
||||
</ContextMenuTrigger>
|
||||
<slot name="row-context-menu" :row="row" />
|
||||
</ContextMenu>
|
||||
<TableRow
|
||||
v-else
|
||||
@click="handleRowClick(row)"
|
||||
:class="isDataTableStriped ? 'even:bg-muted/20' : ''">
|
||||
:class="[
|
||||
'group/row',
|
||||
isDataTableStriped ? 'even:bg-muted/20' : '',
|
||||
rowClass?.(row) ?? ''
|
||||
]">
|
||||
<TableCell
|
||||
v-for="cell in row.getVisibleCells()"
|
||||
:key="cell.id"
|
||||
@@ -133,6 +160,7 @@
|
||||
} from '../pagination';
|
||||
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '../table';
|
||||
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../select';
|
||||
import { ContextMenu, ContextMenuTrigger } from '../context-menu';
|
||||
|
||||
import DataTableEmpty from './DataTableEmpty.vue';
|
||||
|
||||
@@ -183,6 +211,10 @@
|
||||
onRowClick: {
|
||||
type: Function,
|
||||
default: null
|
||||
},
|
||||
rowClass: {
|
||||
type: Function,
|
||||
default: null
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
Reference in New Issue
Block a user