Style/modal (#253)

* fix(modal): vertically centered modal

* fix(explore): dark mode for modal
This commit is contained in:
Aditya Nandan 2023-06-05 12:11:19 +05:30 committed by GitHub
parent 6aeaef92e0
commit cab19fe509
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 2 additions and 2 deletions

View File

@ -45,7 +45,7 @@ const Modal: FC<ModalProps> = ({
initial={{ opacity: 0, y: "-40%" }}
animate={{ opacity: 1, y: "0%" }}
exit={{ opacity: 0, y: "40%" }}
className="w-[90vw] flex flex-col h-fit max-w-2xl rounded-xl bg-white dark:bg-black border border-black/10 dark:border-white/25 p-10 shadow-xl dark:shadow-primary/50 focus:outline-none cursor-auto"
className="w-[90vw] my-auto flex flex-col h-fit max-w-2xl rounded-xl bg-white dark:bg-black border border-black/10 dark:border-white/25 p-10 shadow-xl dark:shadow-primary/50 focus:outline-none cursor-auto"
>
<Dialog.Title className="m-0 text-2xl font-bold">
{title}

View File

@ -31,7 +31,7 @@ const DocumentData = ({ documentName }: DocumentDataProps): JSX.Element => {
}, [axiosInstance, documentName]);
return (
<div className="prose">
<div className="prose dark:prose-invert">
<h1 className="text-bold text-3xl break-words">{documentName}</h1>
<p>No. of chunks: {documents.length}</p>