fix: clear search on going to main page

apps/NwaifuAnime/src/app/components/header/header.component.ts

@@ -19,12 +19,18 @@ export class HeaderComponent implements AfterViewInit, OnDestroy {
     private route: ActivatedRoute,
   ) {
     this.router.events
-      .pipe(filter((event) => event instanceof NavigationEnd))
-      .pipe(takeUntil(this.destroy$))
+      .pipe(
+        filter((event) => event instanceof NavigationEnd),
+        takeUntil(this.destroy$),
+      )
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       .subscribe((val: any) => {
         if (val.url.startsWith("/detail") || val.url.startsWith("/reader")) {
           this.menuOpened = false;
+        } else if (val.url === "/") {
+          if (this.searchInput) {
+            this.searchInput.nativeElement.value = "";
+          }
         }
       });
   }

apps/NwaifuAnime/src/app/components/home/home.component.html

@@ -42,12 +42,14 @@
         title="{{ item.name }}"
         class="mb-6 max-w-[700px] w-full"
       >
-        <div class="card flex flex-col items-center border-black border-2 rounded-md p-4 w-full">
+        <div
+          class="card flex flex-col items-center border-black border-2 rounded-md p-4 w-full h-[350px]"
+        >
           <h1>{{ item.rus_name }}</h1>
           <img
             [src]="item.cover.thumbnail"
             [alt]="item.slug"
-            class="w-[200px] h-auto aspect-auto"
+            class="w-[200px] h-auto max-h-[300px] aspect-auto"
           />
         </div>
       </a>