From 24ef4eb48a5f6aae01f7f30b55855852e4743c43 Mon Sep 17 00:00:00 2001
From: Antoine M <martinon.toinou@protonmail.com>
Date: Tue, 24 Feb 2026 17:30:17 +0100
Subject: [PATCH] FEATURE Handlming transitions and details text

---
 resources/css/components/post-card.css | 28 ++++++++++++++++++++++++--
 1 file changed, 26 insertions(+), 2 deletions(-)

diff --git a/resources/css/components/post-card.css b/resources/css/components/post-card.css
index 4f3064b..3cf9808 100644
--- a/resources/css/components/post-card.css
+++ b/resources/css/components/post-card.css
@@ -1,5 +1,10 @@
 .post-card {
   @apply bg-white border border-primary p-6;
+  transition: transform 0.3s ease-out;
+  &:hover {
+    transform: translateY(-4px);
+  }
+
   h3.card__title {
     @apply mb-6;
   }
@@ -33,11 +38,30 @@
       @apply text-lg flex items-center gap-2;
 
       &::before {
-        @apply w-6 h-6 block rounded-full bg-no-repeat bg-center bg-contain;
+        @apply w-6 h-6 block  bg-no-repeat bg-center bg-contain;
         content: '';
-        background-image: url('../resources/img/icons/carhop-plume.svg');
         @apply filter-primary;
       }
+
+      &.author::before {
+        background-image: url('../resources/img/icons/carhop-plume2.svg');
+      }
+      &.editor::before {
+        background-image: url('../resources/img/icons/carhop-bookmark.svg');
+      }
+    }
+  }
+  &__details-text {
+    @apply flex flex-col gap-2;
+  }
+
+  .tag-list {
+    @apply flex flex-wrap gap-2 mt-4;
+    &__tag {
+      @apply text-primary bg-white border border-solid border-primary px-4 py-2;
+      &:hover {
+        @apply bg-primary text-white;
+      }
     }
   }
 }