feat: implement cart overlay and dropdown with styling for improved user experience

2026-07-02 09:59:24 -03:00
parent 5ac6704300
commit f2cc42e0cc
8 changed files with 146 additions and 7 deletions
--- a/src/app/shared/components/cart/cart.component.html
+++ b/src/app/shared/components/cart/cart.component.html
@@ -38,6 +38,10 @@
      <span class="cart-total-text">TOTAL:</span>
      <span class="cart-total-text">{{ formattedTotal() }}</span>
    </div>
+
+    <div class="cart-actions mt-3">
+      <ng-content />
+    </div>
  </footer>
 </section>

--- a/src/app/shared/components/cart/cart.component.scss
+++ b/src/app/shared/components/cart/cart.component.scss
@@ -1,7 +1,6 @@
 :host {
  display: block;
  width: 100%;
-  max-width: 370px;
  height: 100%;
 }

@@ -59,3 +58,8 @@
  font-size: 15px;
  font-weight: 700;
 }
+
+.cart-actions {
+  display: flex;
+  gap: 12px;
+}