responsiveness and ui fixers
This commit is contained in:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user