update src/components/Modal/index.js and src/components/Tabbar/index.js

src/components/Modal/index.js

@@ -20,7 +20,7 @@ const Modal = ({ activeTab, children }) => {
           openModal ? "flex" : "hidden pointer-events-none"
         }`}
       >
-        <div className="min-w-[900px] w-fit min-h-[777px] flex flex-col justify-between bg-white border border-gray-400 rounded">
+        <div className="min-w-[900px] w-fit min-h-[700px] flex flex-col justify-between bg-white border border-gray-400 rounded">
           <div
             className="p-3 flex flex-col"
             onClick={(e) => e.stopPropagation()}

src/components/Tabbar/index.js

@@ -27,7 +27,7 @@ const Tabbar = ({ tabs }) => {
           />
         ))}
       </div>
-      <div className={`rounded w-full text-white flex items-center mt-5 `}>
+      <div className={`rounded w-full text-white flex items-center mt-5`}>
         {activeTab?.components}
       </div>
     </div>
@@ -42,31 +42,37 @@ Tabbar.defaultProps = {
       title: "تنظیمات",
       className: "rounded-tr-md rounded-br-md border-r-2",
       components: <Settingss />,
+      active: true,
     },
     {
       title: "سوالات",
       className: "",
       components: <Questions />,
+      active: false,
     },
     {
       title: "چک لیست",
       className: "",
       components: <Checklist />,
+      active: false,
     },
     {
       title: "مکاتبات",
       className: "",
       components: <Mokatebat />,
+      active: false,
     },
     {
       title: "توابع",
       className: "",
       components: <Tavabee />,
+      active: false,
     },
     {
       title: "شرایط و اجرا",
       className: "rounded-tl-md rounded-bl-md border-l-2",
       components: <Condition />,
+      active: false,
     },
   ],
 };