exercises

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs | README

header.component.html (686B)


      1 <section class="search w-100 justify-content-center d-flex"></section>
      2 <section class="user-info d-flex align-items-center gap-4 fs-4">
      3   <button type="button" class="btn cart position-relative pe-none" #cartBtn aria-label="Shopping cart">
      4     <i class="bi bi-cart-plus fs-5"></i>
      5     <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill">
      6       {{ cartService.totalItems() }}
      7       <span class="visually-hidden">total items in the cart</span>
      8     </span>
      9   </button>
     10   <button
     11     class="btn profile dropdown"
     12     type="button"
     13     #profileBtn
     14     aria-label="User profile menu"
     15     (clickOutside)="profileBtn.onClickOutside($event)"></button>
     16 </section>