From e4990a3de355baacfeb806aabeace4984169f679 Mon Sep 17 00:00:00 2001
From: Valery Melou <me@valerymelou.com>
Date: Fri, 2 Aug 2024 08:25:34 +0100
Subject: [PATCH] fix: dates display

---
 libs/blog/feature-home/src/lib/blog-home.component.html | 2 +-
 libs/pages/about/src/lib/about.component.html           | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/libs/blog/feature-home/src/lib/blog-home.component.html b/libs/blog/feature-home/src/lib/blog-home.component.html
index c07dced..4587365 100644
--- a/libs/blog/feature-home/src/lib/blog-home.component.html
+++ b/libs/blog/feature-home/src/lib/blog-home.component.html
@@ -60,7 +60,7 @@ <h2 class="text-xl lg:max-w-2xl">
             ui-link
             [routerLink]="[
               '/blog',
-              (article.publishedAt | date: 'YYYY-MM-dd') + '-' + article.slug,
+              article.publishedAt.split('T')[0] + '-' + article.slug,
             ]"
           >
             <span
diff --git a/libs/pages/about/src/lib/about.component.html b/libs/pages/about/src/lib/about.component.html
index 5048dff..7a6eebe 100644
--- a/libs/pages/about/src/lib/about.component.html
+++ b/libs/pages/about/src/lib/about.component.html
@@ -59,12 +59,12 @@
   </div>
   <div class="order-first col-span-3 lg:order-last lg:col-span-1">
     <figure
-      class="after:border-accent-base before:bg-accent-base group relative ml-auto before:absolute before:z-[1] before:block before:h-full before:w-full before:rounded-md before:bg-opacity-40 before:transition-all before:duration-300 before:ease-in-out after:absolute after:left-[14px] after:top-[14px] after:z-[-1] after:block after:h-full after:w-full after:rounded-md after:border-2 after:transition-all after:duration-300 after:ease-in-out hover:before:bg-opacity-0 hover:after:left-[18px] hover:after:top-[18px]"
+      class="after:border-accent-base before:bg-accent-base group relative ml-auto w-full before:absolute before:z-[1] before:block before:h-full before:w-full before:rounded-md before:bg-opacity-40 before:transition-all before:duration-300 before:ease-in-out after:absolute after:left-[14px] after:top-[14px] after:z-[-1] after:block after:h-full after:w-full after:rounded-md after:border-2 after:transition-all after:duration-300 after:ease-in-out hover:before:bg-opacity-0 hover:after:left-[18px] hover:after:top-[18px]"
     >
       <img
         src="/assets/images/valerymelou.jpg"
         alt="Valery Melou"
-        class="relative rounded-md transition-all duration-300 ease-in-out group-hover:-translate-x-1 group-hover:-translate-y-1"
+        class="relative w-full rounded-md transition-all duration-300 ease-in-out group-hover:-translate-x-1 group-hover:-translate-y-1"
       />
     </figure>
   </div>