tack Images

src/components/Cards/TrackItemCard.jsx

@@ -16,7 +16,7 @@ export default function TrackItemCard({ datas, hidden = false }) {
     }
   };
   return (
-    <div className="card-style-one flex flex-col justify-between w-full h-[240px] bg-white dark:bg-dark-white   p-3 pb rounded-2xl">
+    <div className="card-style-one flex flex-col justify-between w-full h-[200px] bg-white dark:bg-dark-white   p-3 pb rounded-2xl">
       <div className="content">
         {/* thumbnail */}
         <div className="w-full h-40">
@@ -38,18 +38,7 @@ export default function TrackItemCard({ datas, hidden = false }) {
               >
                 <Icons name="love" />
               </span>
-              <span
-                onClick={() => setOption(!options)}
-                className="w-7 h-7 flex justify-center items-center bg-white  rounded-full cursor-pointer"
-              >
-                <Icons name="dots" />
-              </span>
-              {options && (
-                <div
-                  onClick={() => setOption(!options)}
-                  className="w-full h-screen fixed top-0 left-0 z-10"
-                ></div>
-              )}
+       
             </div>
             {hidden && (
               <div className="flex justify-center">
@@ -87,13 +76,7 @@ export default function TrackItemCard({ datas, hidden = false }) {
         </div>
         {/* user */}
         <div className="user w-ful -mt-6 mb-2">
-          <div className="user-img w-10 h-10 flex  justify-center items-center overflow-hidden rounded-full mb-2 ml-4">
-            <img
-              src={localImgLoad(`images/${datas.profile_img}`)}
-              alt="user"
-              className=" w-full h-full"
-            />
-          </div>
+
           <p className="text-sm text-thin-light-gray dark:text-white">
             <Link
             to={`/${datas.widget}`}