From c4acffbebf278a07fbe82c9f1c09b73cd5d00086 Mon Sep 17 00:00:00 2001 From: lonkaars Date: Tue, 25 Apr 2023 15:58:37 +0200 Subject: more cart --- public/cart.css | 15 +++++++++++++++ public/cart.php | 25 +++++++------------------ public/products.css | 16 +++++++++------- 3 files changed, 31 insertions(+), 25 deletions(-) create mode 100644 public/cart.css diff --git a/public/cart.css b/public/cart.css new file mode 100644 index 0000000..2b5df65 --- /dev/null +++ b/public/cart.css @@ -0,0 +1,15 @@ +.product { + padding: 8px; + background-color: #0001; + margin-bottom: 8px; + border-radius: 8px; + display: flex; +} + +.product img { + height: 70px; +} + +.product input[type=number]::-webkit-inner-spin-button { + opacity: 1; +} diff --git a/public/cart.php b/public/cart.php index b888cd8..d02428d 100644 --- a/public/cart.php +++ b/public/cart.php @@ -3,32 +3,21 @@ dit is product +

dingen in je mand

- - - 3,45 - courgette - - - - 3,45 +
+ productafbeelding courgette - - - + + + 3,45 - courgette - - - - 3,45 - courgette - +
diff --git a/public/products.css b/public/products.css index dae3805..7a4f3ab 100644 --- a/public/products.css +++ b/public/products.css @@ -20,11 +20,13 @@ object-fit: cover; } -.product span { - display: block; - color: CanvasText; - text-decoration: none; -} +.product span { display: block; } -.product .price::before { content: "\20ac "; } -.product .price { font-size: 1.5rem; } +.product .price::before { + content: "\20ac"; + margin-right: 0.3ex; + font-size: 80%; +} +.product .price { + font-size: 1.5rem; +} -- cgit v1.2.3