update App.js, src/components/CardDesign3/index.js and src/components/CustomToast2/index.js

src/App.js

@@ -137,10 +137,10 @@ function App() {
         {/* <SidebarMenu /> */}
         {/* <SidebarDesign2 /> */}
         {/* <SidebarDesign2 className="w-1/5" /> */}
-        <FileManager />
+        {/* <FileManager /> */}
         {/* <GridListTable /> */}
         {/* <PopupCard /> */}
-        <TimeLineComponent />
+        {/* <TimeLineComponent /> */}
         {/* <CardTrelloDesign /> */}
         {/* <ReligiousTimes /> */}
         {/* <DistributedData /> */}

src/components/CardDesign3/index.js

@@ -4,11 +4,13 @@ import Button from "../Button";
 import TitleSubtitle from "../TitleSubtitle";
 import SearchBox from "../SearchBox";
 
+import "./index.scss";
+
 import searchIcon from "./search-icon.svg";
 
 const CardDesign3 = () => {
   return (
-    <div className="flex flex-col bg-white shadow-sm border border-[#d2d2d2] rounded max-w-[440px] mr-20 my-20 p-4">
+    <div className="max-h-[600px] overflow-y-auto scrollYDesign flex flex-col bg-white shadow-sm border border-[#d2d2d2] rounded max-w-[440px] mr-20 my-20 p-4">
       <TitleSubtitle
         subTitle={false}
         title={"افراد حاضر در این سالن"}
@@ -24,7 +26,7 @@ const CardDesign3 = () => {
           }
         />
       </div>
-      <CustomToast2 num={4} />
+      <CustomToast2 num={10} />
     </div>
   );
 };

src/components/CardDesign3/index.scss

@@ -0,0 +1,24 @@
+.scrollYDesign::-webkit-scrollbar {
+  position: absolute;
+  left: 1px;
+  bottom: 0;
+  z-index: 2;
+  width: 4px;
+  /* width: 5px !important; */
+}
+
+.scrollYDesign::-webkit-scrollbar-button {
+  display: none;
+  appearance: none;
+}
+
+.scrollYDesign::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  background-color: #b9d1f3;
+}
+
+.scrollYDesign::-webkit-scrollbar-track {
+  background-color: transparent !important;
+  display: none;
+  appearance: none;
+}

src/components/CustomToast2/index.js

@@ -88,6 +88,41 @@ CustomToast2.defaultProps = {
       idCard: 3110817631,
       number: "B07",
     },
+    {
+      profilePic: profilePic1,
+      name: "کامبیز هوشنمند",
+      enteryData: "1401/02/01",
+      idCard: 2980817631,
+      number: "B06",
+    },
+    {
+      profilePic: profilePic2,
+      name: "پارسا ایرانی",
+      enteryData: "1400/07/19",
+      idCard: 7000817631,
+      number: "B04",
+    },
+    {
+      profilePic: profilePic3,
+      name: "کامران مرادی",
+      enteryData: "1400/07/19",
+      idCard: 2423817631,
+      number: "B02",
+    },
+    {
+      profilePic: profilePic4,
+      name: "محمد علوی",
+      enteryData: "1400/07/19",
+      idCard: 3340817631,
+      number: "B01",
+    },
+    {
+      profilePic: profilePic5,
+      name: "محمد محمدی",
+      enteryData: "1400/07/19",
+      idCard: 3110817631,
+      number: "B07",
+    },
   ],
 };