filtre image cards-cate

Bacati · Oct 17, 2024 · cf4e54d · cf4e54d
1 parent 63c05e4
commit cf4e54d
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/src/assets/pages/404/styles/style.scss b/src/assets/pages/404/styles/style.scss
@@ -189,4 +189,8 @@ details[open] .cheSum{
 }
 .card-prod img{
 	height: 29rem;
+}
+.card-prod-text{
+	height: 29rem;
+	background: linear-gradient(90deg,rgba(0, 0, 0, 1) -300%, rgba(92, 92, 91, 0) 200%);
 }
diff --git a/src/components/global/CardsCate.astro b/src/components/global/CardsCate.astro
@@ -2,11 +2,11 @@
 const { title, imageSrc, lien, entreprise } = Astro.props;
 ---
 <a href={lien}>
-	<div class="flex flex-col justify-center items-center w-80 lg:w-96 shadow-lg card-prod my-16">
+	<div class="flex flex-col justify-center items-center w-80 lg:w-96 shadow-lg card-prod my-16 rounded-3xl">
         <img src={imageSrc} alt="" class="object-cover w-80 lg:w-96 z-0 card-prod rounded-3xl absolute">
-        <div class="relative h-96 w-full flex justify-end ml-4 flex-col">
-            <p class="font-bold text-3xl text-white">{title}</p>
-            <p class="text-gray-300">{entreprise}</p>
+        <div class="relative w-full flex justify-end flex-col z-10 rounded-3xl card-prod-text">
+            <p class="font-bold text-3xl text-white ml-4">{title}</p>
+            <p class="text-gray-300 ml-4 mb-8">{entreprise}</p>
         </div>
     </div>
 </a>