fix(users-table): adjust column layout for improved user interface in the users table

x0sina · x0sina · commit 3102f485566f · 2026-04-14T21:16:42.000+03:30
diff --git a/dashboard/src/components/users/columns.tsx b/dashboard/src/components/users/columns.tsx
@@ -224,7 +224,7 @@ export const setupColumns = ({
         )
       },
       cell: ({ row }: { row: Row<UserResponse> }) => (
-        <div className="flex items-center justify-between gap-1">
+        <div className="flex max-w-[420px] py-1 items-center justify-between gap-1">
           <UsageSliderCompact total={row.original.data_limit} used={row.original.used_traffic} totalUsedTraffic={row.original.lifetime_used_traffic} status={row.original.status} />
           <div className="hidden w-[188px] px-2 py-1 md:block">
             <ActionButtons user={row.original} isModalHost={false} />

Original file line number	Diff line number	Diff line change
`@@ -224,7 +224,7 @@ export const setupColumns = ({`
`224`	`224`	`)`
`225`	`225`	`},`
`226`	`226`	`cell: ({ row }: { row: Row<UserResponse> }) => (`
`227`		`- <div className="flex items-center justify-between gap-1">`
	`227`	`+ <div className="flex max-w-[420px] py-1 items-center justify-between gap-1">`
`228`	`228`	`<UsageSliderCompact total={row.original.data_limit} used={row.original.used_traffic} totalUsedTraffic={row.original.lifetime_used_traffic} status={row.original.status} />`
`229`	`229`	`<div className="hidden w-[188px] px-2 py-1 md:block">`
`230`	`230`	`<ActionButtons user={row.original} isModalHost={false} />`