Add cart view

2021-01-02 22:13:10 +01:00
parent e21531dec0
commit 32340eb4cc
15 changed files with 311 additions and 37 deletions
--- a/src/app/cart/cart.component.css
+++ b/src/app/cart/cart.component.css
@@ -0,0 +1,50 @@
+.cart {
+    margin: 0;
+    padding: 0;
+    width: 100%;
+    height: 400px;
+    background-color: #1c1c1c;
+    border-radius: 8px;
+    transform: translateY(-8px);
+    color: #fff;
+}
+
+.cart ul {
+    list-style: none;
+    margin: 0;
+    padding: 20px;
+    overflow-y: auto;
+    height: 359px;
+}
+
+.cart ul li {
+    display: grid;
+    padding: 1rem;
+    grid-template-columns: 64px 1fr auto;
+    grid-column-gap: 1rem;
+    border-radius: 12px;
+}
+
+.cart ul li:nth-child(even) {
+    background-color: #292929;
+}
+
+.image {
+    height: 64px;
+    width: 64px;
+    padding: 0;
+    margin: 0;
+    border-radius: 8px;
+}
+
+.name {
+    font-size: 11pt;
+    width: 80%;
+    margin: auto 0;
+    line-break: loose;
+}
+
+.price {
+    text-align: right;
+    margin: auto;
+}