MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-04-17 13:53:52 +02:00
Code Issues Packages Projects Releases Wiki Activity

tweak my avavtar table ui

Browse Source
This commit is contained in:
pa
2026-03-07 21:54:19 +09:00
parent f862f8ad10
commit 029ed2b3e2
1 changed files with 44 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

102
src/views/MyAvatars/columns.jsx
View File

@@ -115,7 +115,7 @@ export function getColumns({
const ref = row.original;
return (
<span
class="cursor-pointer font-medium"
class="cursor-pointer"
onClick={(e) => {
e.stopPropagation();
onShowAvatarDialog(ref.id);
@@ -126,42 +126,6 @@ export function getColumns({
);
}
},
{
id: 'platforms',
header: () => t('dialog.avatar.info.platform'),
size: 120,
enableSorting: false,
meta: { label: () => t('dialog.avatar.info.platform') },
cell: ({ row }) => {
const ref = row.original;
const platforms = getAvailablePlatforms(ref.unityPackages);
return (
<div class="flex items-center gap-1">
{platforms.isPC && (
<Badge class="x-tag-platform-pc" variant="outline">
<Monitor class="h-3.5 w-3.5" />
</Badge>
)}
{platforms.isQuest && (
<Badge
class="x-tag-platform-quest"
variant="outline"
>
<Smartphone class="h-3.5 w-3.5" />
</Badge>
)}
{platforms.isIos && (
<Badge
class="text-[#8e8e93] border-[#8e8e93]"
variant="outline"
>
<Apple class="h-3.5 w-3.5" />
</Badge>
)}
</div>
);
}
},
{
id: 'customTags',
accessorFn: (row) => (row.$tags || []).map((t) => t.tag).join(', '),
@@ -202,6 +166,42 @@ export function getColumns({
);
}
},
{
id: 'platforms',
header: () => t('dialog.avatar.info.platform'),
size: 120,
enableSorting: false,
meta: { label: () => t('dialog.avatar.info.platform') },
cell: ({ row }) => {
const ref = row.original;
const platforms = getAvailablePlatforms(ref.unityPackages);
return (
<div class="flex items-center gap-1">
{platforms.isPC && (
<Badge class="x-tag-platform-pc" variant="outline">
<Monitor class="h-3.5 w-3.5" />
</Badge>
)}
{platforms.isQuest && (
<Badge
class="x-tag-platform-quest"
variant="outline"
>
<Smartphone class="h-3.5 w-3.5" />
</Badge>
)}
{platforms.isIos && (
<Badge
class="text-[#8e8e93] border-[#8e8e93]"
variant="outline"
>
<Apple class="h-3.5 w-3.5" />
</Badge>
)}
</div>
);
}
},
{
id: 'visibility',
accessorKey: 'releaseStatus',
@@ -235,11 +235,7 @@ export function getColumns({
},
cell: ({ row }) => {
const time = row.original?.$timeSpent;
return time ? (
<span class=" text-sm">{timeToText(time)}</span>
) : (
<span class=" text-sm">-</span>
);
return time ? <span>{timeToText(time)}</span> : <span>-</span>;
}
},
{
@@ -256,9 +252,7 @@ export function getColumns({
class: 'text-right',
label: () => t('dialog.avatar.info.version')
},
cell: ({ row }) => (
<span class=" text-sm">{row.original.version ?? '-'}</span>
)
cell: ({ row }) => <span>{row.original.version ?? '-'}</span>
},
{
id: 'pcPerf',
@@ -275,7 +269,7 @@ export function getColumns({
const perf = getPlatformInfo(row.original.unityPackages)?.pc
?.performanceRating;
return perf ? (
<span class="text-sm">{perf}</span>
<span>{perf}</span>
) : (
<span class="text-muted-foreground">-</span>
);
@@ -297,7 +291,7 @@ export function getColumns({
const perf = getPlatformInfo(row.original.unityPackages)
?.android?.performanceRating;
return perf ? (
<span class="text-sm">{perf}</span>
<span>{perf}</span>
) : (
<span class="text-muted-foreground">-</span>
);
@@ -319,7 +313,7 @@ export function getColumns({
const perf = getPlatformInfo(row.original.unityPackages)?.ios
?.performanceRating;
return perf ? (
<span class="text-sm">{perf}</span>
<span>{perf}</span>
) : (
<span class="text-muted-foreground">-</span>
);
@@ -338,11 +332,7 @@ export function getColumns({
meta: { label: () => t('dialog.avatar.info.last_updated') },
cell: ({ row }) => {
const ref = row.original;
return (
<span class=" text-sm">
{formatDateFilter(ref.updated_at, 'long')}
</span>
);
return <span>{formatDateFilter(ref.updated_at, 'long')}</span>;
}
},
{
@@ -358,11 +348,7 @@ export function getColumns({
meta: { label: () => t('dialog.avatar.info.created_at') },
cell: ({ row }) => {
const ref = row.original;
return (
<span class=" text-sm">
{formatDateFilter(ref.created_at, 'long')}
</span>
);
return <span>{formatDateFilter(ref.created_at, 'long')}</span>;
}
},
{