Enhance modal functionality with ModalContainer component; update ShareModal to use ModalWrapper; improve responsive text sizes in index.css; integrate FloatingActionButton in HomePage for popup sharing.

2025-10-09 12:32:53 +05:00
parent 0b8edce9d6
commit 8aef8a530b
14 changed files with 357 additions and 26 deletions
@@ -0,0 +1,25 @@
+import ModalHeader from "./ModalHeader";
+import clsx from "clsx";
+
+interface ModalWrapperProps {
+  children: React.ReactNode;
+  title?: string;
+  leftButton?: React.ReactNode;
+  className?: string;
+}
+
+function ModalWrapper({
+  children,
+  title,
+  leftButton,
+  className,
+}: ModalWrapperProps) {
+  return (
+    <div className={clsx("bg-white rounded-[1.111vw] relative", className)}>
+      <ModalHeader title={title} leftButton={leftButton} />
+      <div className="2xl:p-[1.389vw] p-5">{children}</div>
+    </div>
+  );
+}
+
+export default ModalWrapper;