Design review updates

kirbydesign · Nov 29, 2024 · bad5462 · bad5462
1 parent 327a140
commit bad5462
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 13 deletions.
diff --git a/apps/cookbook/src/app/page/header/header.component.scss b/apps/cookbook/src/app/page/header/header.component.scss
@@ -51,6 +51,11 @@ header {
     justify-self: start;
   }
 
+  svg {
+    height: 100%;
+    width: 100%;
+  }
+
   .text {
     opacity: 0;
     animation: enter utils.get-transition-duration('long') ease-in-out $text-delay forwards;

diff --git a/apps/cookbook/src/app/page/side-nav/side-nav.component.html b/apps/cookbook/src/app/page/side-nav/side-nav.component.html
@@ -61,19 +61,20 @@ <h2 class="kirby-text-normal">Components</h2>
       </button>
     </div>
     <ul>
-      <li *ngFor="let item of filteredShowcaseRoutes; let isLast = last">
-        <a
-          *ngFor="let link of item"
-          [routerLink]="link.path"
-          routerLinkActive="is-selected"
-          (click)="closeMenu()"
-          class="list-item-link"
-          #componentLink
-        >
-          {{ link.name }}
-        </a>
-        <hr *ngIf="!isLast" />
-      </li>
+      <ng-container *ngFor="let item of filteredShowcaseRoutes; let isLast = last">
+        <li *ngFor="let link of item">
+          <a
+            [routerLink]="link.path"
+            routerLinkActive="is-selected"
+            (click)="closeMenu()"
+            class="list-item-link"
+            #componentLink
+          >
+            {{ link.name }}
+          </a>
+        </li>
+        <hr aria-hidden="true" *ngIf="!isLast" />
+      </ng-container>
     </ul>
   </kirby-card>
 </section>