pangolin_mirror/pangolin
1
0
Fork 0
mirror of https://github.com/fosrl/pangolin.git synced 2026-02-27 23:36:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

other visual adjustments

Browse Source
This commit is contained in:
miloschwartz
2026-02-19 23:41:04 -08:00
parent 4e88f1f38a
commit 01c15afa74
3 changed files with 45 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Credenza.tsx
View File

@@ -84,7 +84,7 @@ const CredenzaContent = ({ className, children, ...props }: CredenzaProps) => {
return ( return (
<CredenzaContent <CredenzaContent
className={cn( className={cn(
"overflow-y-auto max-h-[100dvh] md:max-h-screen", "overflow-y-auto max-h-[100dvh] md:max-h-screen md:top-[200px] md:translate-y-0",
className className
)} )}
{...props} {...props}

78
src/components/RolesTable.tsx
View File

@@ -103,45 +103,47 @@ export default function UsersTable({ roles }: RolesTableProps) {
header: () => <span className="p-3"></span>, header: () => <span className="p-3"></span>,
cell: ({ row }) => { cell: ({ row }) => {
const roleRow = row.original; const roleRow = row.original;
const isAdmin = roleRow.isAdmin;
return ( return (
!roleRow.isAdmin && ( <div className="flex items-center gap-2 justify-end">
<div className="flex items-center gap-2 justify-end"> <DropdownMenu>
<DropdownMenu> <DropdownMenuTrigger asChild>
<DropdownMenuTrigger asChild> <Button
<Button variant="ghost"
variant="ghost" className="h-8 w-8 p-0"
className="h-8 w-8 p-0" disabled={isAdmin}
> >
<span className="sr-only"> <span className="sr-only">
{t("openMenu")} {t("openMenu")}
</span> </span>
<MoreHorizontal className="h-4 w-4" /> <MoreHorizontal className="h-4 w-4" />
</Button> </Button>
</DropdownMenuTrigger> </DropdownMenuTrigger>
<DropdownMenuContent align="end"> <DropdownMenuContent align="end">
<DropdownMenuItem <DropdownMenuItem
onClick={() => { disabled={isAdmin}
setRoleToRemove(roleRow); onClick={() => {
setIsDeleteModalOpen(true); setRoleToRemove(roleRow);
}} setIsDeleteModalOpen(true);
> }}
<span className="text-red-500"> >
{t("delete")} <span className="text-red-500">
</span> {t("delete")}
</DropdownMenuItem> </span>
</DropdownMenuContent> </DropdownMenuItem>
</DropdownMenu> </DropdownMenuContent>
<Button </DropdownMenu>
variant={"outline"} <Button
onClick={() => { variant={"outline"}
setEditingRole(roleRow); disabled={isAdmin}
setIsEditDialogOpen(true); onClick={() => {
}} setEditingRole(roleRow);
> setIsEditDialogOpen(true);
{t("edit")} }}
</Button> >
</div> {t("edit")}
) </Button>
</div>
); );
} }
} }

8
src/components/SidebarNav.tsx
View File

@@ -128,7 +128,7 @@ function CollapsibleNavItem({
disabled={isDisabled} disabled={isDisabled}
> >
{item.icon && ( {item.icon && (
<span className="flex-shrink-0 mr-3 w-5 h-5 flex items-center justify-center"> <span className="flex-shrink-0 mr-3 w-5 h-5 flex items-center justify-center opacity-50">
{item.icon} {item.icon}
</span> </span>
)} )}
@@ -306,7 +306,7 @@ export function SidebarNav({
{item.icon && level === 0 && ( {item.icon && level === 0 && (
<span <span
className={cn( className={cn(
"flex-shrink-0 w-5 h-5 flex items-center justify-center", "flex-shrink-0 w-5 h-5 flex items-center justify-center opacity-50",
!isCollapsed && "mr-3" !isCollapsed && "mr-3"
)} )}
> >
@@ -366,7 +366,7 @@ export function SidebarNav({
)} )}
> >
{item.icon && level === 0 && ( {item.icon && level === 0 && (
<span className="flex-shrink-0 mr-3 w-5 h-5 flex items-center justify-center"> <span className="flex-shrink-0 mr-3 w-5 h-5 flex items-center justify-center opacity-50">
{item.icon} {item.icon}
</span> </span>
)} )}
@@ -423,7 +423,7 @@ export function SidebarNav({
disabled={isDisabled} disabled={isDisabled}
> >
{item.icon && ( {item.icon && (
<span className="flex-shrink-0 w-5 h-5 flex items-center justify-center"> <span className="flex-shrink-0 w-5 h-5 flex items-center justify-center opacity-50">
{item.icon} {item.icon}
</span> </span>
)} )}