awatertrevi/infisical
1
0
Fork 0
mirror of https://github.com/awatertrevi/infisical.git synced 2026-10-14 15:40:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

Draft

Browse Source
This commit is contained in:
Daniel Hougaard
2024-05-07 17:30:13 +02:00
parent c5cd5047d7
commit 1d2f10178f
5 changed files with 51 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/permissions/PermissionDeniedBanner.tsx
+19 -17
View File
@@ -3,6 +3,8 @@ import { faLock } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { twMerge } from "tailwind-merge";
import { Button } from "../v2";
type Props = {
containerClassName?: string;
className?: string;
@@ -17,24 +19,24 @@ export const PermissionDeniedBanner = ({ containerClassName, className, children
containerClassName
)}
>
<div
className={twMerge(
"flex items-end space-x-12 rounded-md bg-mineshaft-800 p-16 text-bunker-300",
className
)}
>
<div>
<FontAwesomeIcon icon={faLock} size="6x" />
</div>
<div>
<div className="mb-2 text-4xl font-medium">Access Restricted</div>
{children || (
<div className="text-sm">
Your role has limited permissions, please <br /> contact your administrator to gain
access
</div>
)}
<div className={twMerge("rounded-md bg-mineshaft-800 p-16 text-bunker-300", className)}>
<div className="flex items-end space-x-12">
<div>
<FontAwesomeIcon icon={faLock} size="6x" />
</div>
<div>
<div className="mb-2 text-4xl font-medium">Access Restricted</div>
{children || (
<div className="text-sm">
Your role has limited permissions, please <br /> contact your administrator to gain
access
</div>
)}
</div>
</div>
<Button className="mt-3 ml-[7.5rem]" size="xs">
Request access
</Button>
</div>
</div>
);