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

custom col widths

Browse Source
This commit is contained in:
pa
2026-01-10 15:48:31 +09:00
committed by Natsumi
parent 937294ebf7
commit e7cfc945da
15 changed files with 378 additions and 357 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/views/Notifications/columns.jsx
View File

@@ -84,9 +84,7 @@ export const createColumns = ({
{
accessorFn: (row) => getNotificationCreatedAtTs(row),
id: 'created_at',
meta: {
class: 'w-[120px]'
},
size: 120,
header: ({ column }) => (
<Button
variant="ghost"
@@ -136,9 +134,7 @@ export const createColumns = ({
},
{
accessorKey: 'type',
meta: {
class: 'w-[180px]'
},
size: 180,
header: () => t('table.notification.type'),
cell: ({ row }) => {
const original = row.original;
@@ -224,8 +220,9 @@ export const createColumns = ({
{
accessorKey: 'senderUsername',
meta: {
class: 'w-[150px] min-w-0 overflow-hidden'
class: 'overflow-hidden'
},
size: 150,
header: () => t('table.notification.user'),
cell: ({ row }) => {
const original = row.original;
@@ -279,8 +276,9 @@ export const createColumns = ({
{
accessorKey: 'groupName',
meta: {
class: 'w-[150px] min-w-0 overflow-hidden'
class: 'overflow-hidden'
},
size: 150,
header: () => t('table.notification.group'),
cell: ({ row }) => {
const original = row.original;
@@ -382,9 +380,8 @@ export const createColumns = ({
},
{
accessorKey: 'photo',
meta: {
class: 'w-[80px]'
},
enableResizing: false,
size: 80,
header: () => t('table.notification.photo'),
cell: ({ row }) => {
const original = row.original;
@@ -441,8 +438,10 @@ export const createColumns = ({
header: () => t('table.notification.message'),
enableSorting: false,
meta: {
class: 'min-w-0 overflow-hidden'
class: 'min-w-0 overflow-hidden',
stretch: true
},
minSize: 100,
cell: ({ row }) => {
const original = row.original;
return (
@@ -489,8 +488,12 @@ export const createColumns = ({
{
id: 'action',
meta: {
class: 'w-[120px] max-w-[120px] text-right'
class: 'text-right'
},
size: 120,
minSize: 120,
maxSize: 120,
enableResizing: false,
header: () => t('table.notification.action'),
enableSorting: false,
cell: ({ row }) => {
@@ -781,9 +784,8 @@ export const createColumns = ({
id: 'trailing',
header: () => null,
enableSorting: false,
meta: {
class: 'w-[5px]'
},
enableResizing: false,
size: 5,
cell: () => null
}
];