basket handle css

PacifistaMC · Feb 14, 2024 · 2e70143 · 2e70143
1 parent 3025d34
commit 2e70143
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 2 deletions.
diff --git a/src/app/pages/shop/shop.component.html b/src/app/pages/shop/shop.component.html
@@ -34,6 +34,6 @@ <h2>Catégories</h2>
     </div>
 </div>
 
-<div class="shop-basket-container">
-
+<div class="shop-basket-container p-3 bg-dark rounded-start-5">
+    <app-shop-article-basket></app-shop-article-basket>
 </div>
diff --git a/src/app/pages/shop/shop.component.scss b/src/app/pages/shop/shop.component.scss
@@ -1,3 +1,21 @@
 .shop-container {
   padding-bottom: 15%;
 }
+
+.shop-basket-container {
+  position: fixed;
+  bottom: 0;
+  right: 0;
+  width: 70%;
+  box-shadow: 0px -5px 5px 0px rgba(0, 0, 0, 0.3);
+  z-index: 10;
+
+  @media (min-width: 768px) { // Tablet devices
+    width: 60%;
+  }
+
+  @media (min-width: 1024px) { // PC screens
+    width: 40%;
+  }
+}
+