LLM/DocsGPT
1
0
Fork 0
mirror of https://github.com/arc53/DocsGPT.git synced 2025-11-30 00:53:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

(refactor:modals) reuse wrapper modal

Browse Source
This commit is contained in:
ManishMadan2882
2025-02-19 04:35:33 +05:30
parent 4e948d8bff
commit 3aa85bb51c
4 changed files with 52 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/modals/WrapperModal.tsx
View File

@@ -14,8 +14,8 @@ export default function WrapperModal({
children,
close,
isPerformingTask = false,
className = 'sm:w-[512px]', // Default width, but can be overridden
contentClassName = 'p-8', // Default padding, but can be overridden
className = '', // Default width, but can be overridden
contentClassName = '', // Default padding, but can be overridden
}: WrapperModalPropsType) {
const modalRef = useRef<HTMLDivElement>(null);
@@ -49,7 +49,7 @@ export default function WrapperModal({
<div className="fixed top-0 left-0 z-30 flex h-screen w-screen items-center justify-center bg-gray-alpha bg-opacity-50">
<div
ref={modalRef}
className={`relative w-11/12 rounded-2xl bg-white dark:bg-[#26272E] ${className}`}
className={`relative w-11/12 sm:w-[512px] p-8 rounded-2xl bg-white dark:bg-[#26272E] ${className}`}
>
{!isPerformingTask && (
<button
@@ -59,7 +59,7 @@ export default function WrapperModal({
<img className="filter dark:invert" src={Exit} alt="Close" />
</button>
)}
<div className={contentClassName}>
<div className={`${contentClassName}`}>
{children}
</div>
</div>