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

src/components/CardDesign2/index.js

@@ -20,7 +20,7 @@ const CardDesign2 = ({ buttons }) => {
   }
 
   return (
-    <div className="flex flex-col bg-white shadow-sm rounded max-w-[370px] mr-20 my-20 p-4">
+    <div className="max-h-[400px] overflow-y-auto scrollYDesign w-fit flex flex-col bg-white shadow-sm rounded mr-20 my-20 p-4">
       <TitleSubtitle
         subTitle={false}
         title={"افراد حاضر در این سالن"}

src/components/CardDesign3/index.js

@@ -12,7 +12,7 @@ import searchIcon from "./search-icon.svg";
 
 const CardDesign3 = () => {
   return (
-    <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">
+    <div className="max-h-[600px] w-fit p-4 overflow-y-auto scrollYDesign flex flex-col bg-white shadow-sm border border-[#d2d2d2] rounded">
       <TitleSubtitle
         subTitle={false}
         title={"افراد حاضر در این سالن"}

src/components/CustomToast2/index.js

@@ -36,7 +36,7 @@ const CustomToast2 = ({ items, num }) => {
           </div>
           {/* left */}
           <div className="flex flex-row items-center">
-            <span className="px-2 py-0.5 rounded-sm bg-[#C9E2B388] text-[#468722] font-sansbold">
+            <span className="px-2 py-0.5 mr-2 rounded-sm bg-[#C9E2B388] text-[#468722] font-sansbold">
               {item.number}
             </span>
             <img src={pen} alt="pen" className="mr-4 cursor-pointer" />