binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[WEB-1960]: chore: upgrade to plane paid plans modal. (#5149)

Browse source
This commit is contained in:
Prateek Shourya 2024-07-18 15:45:37 +05:30 • committed by GitHub
parent 281948c1ce
commit cfc70622d6
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
9 changed files with 328 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

2
packages/ui/src/modals/constants.ts
View file

@ -8,4 +8,6 @@ export enum EModalWidth {
XXL = "sm:max-w-2xl",
XXXL = "sm:max-w-3xl",
XXXXL = "sm:max-w-4xl",
VXL = "sm:max-w-5xl",
VIXL = "sm:max-w-6xl",
}

13
packages/ui/src/modals/modal-core.tsx
View file

@ -11,9 +11,17 @@ type Props = {
isOpen: boolean;
position?: EModalPosition;
width?: EModalWidth;
className?: string;
};
export const ModalCore: React.FC<Props> = (props) => {
const { children, handleClose, isOpen, position = EModalPosition.CENTER, width = EModalWidth.XXL } = props;
const {
children,
handleClose,
isOpen,
position = EModalPosition.CENTER,
width = EModalWidth.XXL,
className = "",
} = props;
return (
<Transition.Root show={isOpen} as={Fragment}>
@ -44,7 +52,8 @@ export const ModalCore: React.FC<Props> = (props) => {
<Dialog.Panel
className={cn(
"relative transform rounded-lg bg-custom-background-100 text-left shadow-custom-shadow-md transition-all w-full",
width
width,
className
)}
>
{children}