fix(client): fixed issue with author card in article

Author: DamianBrzezinskiHoA

libs/blog/articles/feature-article/src/lib/article-details/article-details.component.html

@@ -53,6 +53,7 @@ <h1 id="article-title" class="flex text-[40px] font-bold">
   </section>
   <aside class="order-3 col-span-12 lg:col-span-4">
     <al-author-card
+      [articleCard]="true"
       [author]="articleDetails().author"
       [clampText]="true"
       [linkable]="true"

libs/blog/authors/ui-author-card/src/lib/author-card/author-card-template.component.ts

@@ -1,4 +1,4 @@
-import { Component, input } from '@angular/core';
+import { Component, computed, input } from '@angular/core';
 
 import {
   CardComponent,
@@ -16,10 +16,12 @@ import {
     <al-card alGradientCard [hideGradient]="hideGradient()">
       <div alCardContent>
         <div
-          class="flex w-full flex-col items-center rounded-lg border md:flex-row md:border-none"
+          class="flex w-full flex-col items-center rounded-lg border"
+          [class]="cardWrapper()"
         >
           <div
-            class="dark:!bg-al-radial-gradient dark:bg-al-background md:light:bg-[#f2f2f2] min-w-fit rounded-lg pb-4 pt-6 md:min-w-[260px] md:border"
+            class="min-w-fit rounded-lg pt-6 md:min-w-[260px]"
+            [class]="authorInfoCardClass()"
           >
             <div
               class="flex w-full flex-col items-center gap-4 md:max-w-[360px]"
@@ -38,5 +40,16 @@ import {
   `,
 })
 export class AuthorCardTemplateComponent {
-  hideGradient = input<boolean>(true);
+  readonly hideGradient = input<boolean>(true);
+  readonly articleCard = input<boolean>(false);
+
+  protected readonly cardWrapper = computed(() =>
+    !this.articleCard() ? 'md:flex-row md:border-none' : '',
+  );
+
+  protected readonly authorInfoCardClass = computed(() =>
+    !this.articleCard()
+      ? 'md:border dark:!bg-al-radial-gradient dark:bg-al-background md:light:bg-[#f2f2f2] pb-6'
+      : '',
+  );
 }

libs/blog/authors/ui-author-card/src/lib/author-card/author-card.component.html

@@ -1,5 +1,8 @@
 <article [attr.aria-labelledby]="'author-title-' + author().slug">
-  <al-author-card-template [hideGradient]="hideGradient()">
+  <al-author-card-template
+    [articleCard]="articleCard()"
+    [hideGradient]="hideGradient()"
+  >
     <ng-container author-info-card>
       @if (linkable()) {
         <a [routerLink]="['/', 'author', author().slug] | alLocalize">

libs/blog/authors/ui-author-card/src/lib/author-card/author-card.component.ts

@@ -46,6 +46,7 @@ export class AuthorCardComponent {
   clampText = input<boolean>();
   linkable = input<boolean>(false);
   hideGradient = input<boolean>(false);
+  articleCard = input<boolean>(false);
 
   descriptionClass = computed(
     () => 'text-sm' + (this.clampText() ? ' line-clamp-3' : ''),