responsiveness and ui fixers

This commit is contained in:
2026-09-23 16:55:46 +05:30
parent 4c5e9b347a
commit f5e8e0e5b9
88 changed files with 9408 additions and 3576 deletions
@@ -164,7 +164,7 @@ export function RolePermissionActions({
return (
<div className="overflow-hidden rounded-lg border">
<div className="grid grid-cols-[minmax(9rem,14rem)_1fr] items-center gap-x-4 border-b bg-muted/40 px-4 py-2 text-xs font-semibold tracking-wide text-muted-foreground uppercase">
<div className="hidden items-center gap-x-4 border-b bg-muted/40 px-4 py-2 text-xs font-semibold tracking-wide text-muted-foreground uppercase sm:grid sm:grid-cols-[minmax(9rem,14rem)_1fr]">
<span>Section</span>
<span>Actions</span>
</div>
@@ -172,7 +172,7 @@ export function RolePermissionActions({
{groups.map((group) => (
<div key={group.navItemId} className="border-b last:border-b-0">
{group.own ? (
<div className="grid grid-cols-[minmax(9rem,14rem)_1fr] items-center gap-x-4 bg-white px-4 py-3">
<div className="grid grid-cols-1 gap-2 bg-white px-4 py-3 sm:grid-cols-[minmax(9rem,14rem)_1fr] sm:items-center sm:gap-x-4">
<label className="flex items-center gap-2.5">
<SelectAllCheckbox
actions={actionsFor(group.own.id, navItemActions)}
@@ -189,7 +189,7 @@ export function RolePermissionActions({
)}
{group.children.map((child) => (
<div key={child.id} className="grid grid-cols-[minmax(9rem,14rem)_1fr] items-center gap-x-4 bg-white px-4 py-3 pl-8">
<div key={child.id} className="grid grid-cols-1 gap-2 bg-white px-4 py-3 pl-8 sm:grid-cols-[minmax(9rem,14rem)_1fr] sm:items-center sm:gap-x-4">
<label className="flex items-center gap-2.5">
<span className="text-muted-foreground/40">└</span>
<SelectAllCheckbox
@@ -54,7 +54,7 @@ export function RolePermissionTree({ tree, selectedNavItemIds, selectedSubNavIte
return (
<div
key={item.navItemId}
className="grid grid-cols-[minmax(11rem,14rem)_1fr] items-start gap-x-4 gap-y-2 border-b bg-white px-4 py-3 last:border-b-0"
className="grid grid-cols-1 gap-2 border-b bg-white px-4 py-3 last:border-b-0 sm:grid-cols-[minmax(11rem,14rem)_1fr] sm:items-start sm:gap-x-4 sm:gap-y-2"
>
<label className="flex items-center gap-2.5 pt-0.5">
<Checkbox