diff --git a/web/src/app/admin/(panel)/clientes/page.tsx b/web/src/app/admin/(panel)/clientes/page.tsx index e06f492..cfe6925 100644 --- a/web/src/app/admin/(panel)/clientes/page.tsx +++ b/web/src/app/admin/(panel)/clientes/page.tsx @@ -40,9 +40,9 @@ function TenantRowActions({ onUsers: () => void; }) { const hostRef = useRef(null); - const rowRef = useRef(null); + const sizerRef = useRef(null); const neededRef = useRef(0); - const [compact, setCompact] = useState(false); + const [compact, setCompact] = useState(true); const [menu, setMenu] = useState<{ top: number; right: number } | null>(null); useLayoutEffect(() => { @@ -53,14 +53,14 @@ function TenantRowActions({ function measure() { const node = hostRef.current; - const row = rowRef.current; + const sizer = sizerRef.current; if (!node) { return; } - if (row) { - neededRef.current = row.scrollWidth; + if (sizer) { + neededRef.current = sizer.scrollWidth; } - setCompact(node.clientWidth < neededRef.current); + setCompact(node.clientWidth < neededRef.current + 8); } measure(); @@ -121,11 +121,11 @@ function TenantRowActions({ ); return ( -
+
{buttons}
@@ -185,7 +185,9 @@ function TenantRowActions({
) : null} - ) : null} + ) : ( +
{buttons}
+ )}
); } @@ -299,6 +301,7 @@ export default function PlatformClientesPage() { {error && !open ?

{error}

: null} {tenants.map((tenant) => ( - {tenant.name} - /{tenant.slug} - {tenant.status === "ACTIVE" ? "Ativo" : "Suspenso"} - + {tenant.name} + /{tenant.slug} + {tenant.status === "ACTIVE" ? "Ativo" : "Suspenso"} + @@ -21,8 +23,8 @@ export function RegistryTable({

{countLabel}

{action ?? } -
- +
+
{columns.map((column) => (