Mirrors/responsively-app
2
0
Fork 0
mirror of https://github.com/responsively-org/responsively-app synced 2024-11-10 06:44:13 +00:00
Code Issues Projects Releases Packages Wiki Activity

refactor: modal - title props optional

Browse source
This commit is contained in:
themohammadsa 2023-06-22 17:57:14 +05:30
parent 4c6d8cddc8
commit 3ea9aea784
1 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
desktop-app/src/renderer/components/Modal/index.tsx
View file

@ -4,7 +4,7 @@ import { Fragment } from 'react';
interface Props {
isOpen: boolean;
onClose: () => void;
title: JSX.Element | string;
title?: JSX.Element | string;
description?: JSX.Element | string;
children?: JSX.Element | string;
}
@ -35,7 +35,11 @@ const Modal = ({ isOpen, onClose, title, description, children }: Props) => {
leaveFrom="opacity-100 scale-100"
leaveTo="opacity-0 scale-95"
>
<Dialog.Panel className="flex w-fit min-w-[320px] flex-col gap-4 rounded bg-slate-200 p-8 text-light-normal dark:bg-slate-800 dark:text-dark-normal">
<Dialog.Panel
className={`flex w-fit min-w-[320px] flex-col gap-4 rounded bg-slate-200 text-light-normal dark:bg-slate-800 dark:text-dark-normal ${
title ? 'p-8' : 'py-4 px-8'
}`}
>
<div>
<Dialog.Title className="text-xl font-medium leading-6">
{title}