fix: dates display

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

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>