From 071ad328efc1ce11e64e54bfe80b0df8833b1ec7 Mon Sep 17 00:00:00 2001 From: cowboykipnugget <524877@vistacollege.nl> Date: Thu, 20 Feb 2025 09:59:47 +0100 Subject: [PATCH 1/4] j --- website/style.css | 20 ++++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) diff --git a/website/style.css b/website/style.css index 2a4f84b..b55e01b 100644 --- a/website/style.css +++ b/website/style.css @@ -238,13 +238,22 @@ body { right: 0; /* Align the cart to the right */ top: 60px; /* Ensure it starts below the categories bar */ flex-direction: column; /* Ensure the content is arranged in a column */ + overflow-y: auto; /* Enable vertical scrolling if content exceeds max-height */ + max-height: 80vh; /* Set a maximum height for the cart */ } .cart ul { list-style-type: none; padding: 0; + margin: 0; } +.cart li { + padding: 10px 0; /* Space out the items */ + border-bottom: 1px solid #eee; /* Add a bottom border to each item */ +} + + .cart li { margin-bottom: 10px; } @@ -263,16 +272,7 @@ body { display: flex; justify-content: space-between; padding: 10px 0; - border-bottom: 1px solid #ff9d3b; -} - -.cart-item button { - background-color: #d32f2f; - color: white; - border: none; - padding: 5px 10px; - cursor: pointer; - border-radius: 5px; + border-bottom: 2px solid #ff9d3b; } .cart-item button:hover { From dfa7c3049011b6c9bc78661fe652d35f098712f9 Mon Sep 17 00:00:00 2001 From: kitkatpotato16 <523488@vistacollege.nl> Date: Thu, 20 Feb 2025 10:10:19 +0100 Subject: [PATCH 2/4] asdas --- website/script.js | 2 ++ 1 file changed, 2 insertions(+) diff --git a/website/script.js b/website/script.js index 1fa123f..f85e1a7 100644 --- a/website/script.js +++ b/website/script.js @@ -285,6 +285,7 @@ const translations = { "Winkelmandje": "Shopping Cart", "Bestellen": "Order", "Prijs": "Price", + "Totaal": "Total", "Toevoegen aan winkelmandje": "Add to Cart", "Soep van de dag! (Allergieën? Meld het bij ons!)": "Soup of the day! (Allergies? Let us know!)", // Add more translations as needed @@ -302,6 +303,7 @@ const translations = { "Shopping Cart": "Winkelmandje", "Order": "Bestellen", "Price": "Prijs", + "Total": "Totaal", "Add to Cart": "Toevoegen aan winkelmandje", "Soup of the day! (Allergies? Let us know!)": "Soep van de dag! (Allergieën? Meld het bij ons!)", // Add more translations as needed From 3f729a40074427c35ff2ea63eee72bc3f806f06e Mon Sep 17 00:00:00 2001 From: cowboykipnugget <524877@vistacollege.nl> Date: Thu, 20 Feb 2025 10:11:26 +0100 Subject: [PATCH 3/4] s --- website/style.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/website/style.css b/website/style.css index 19ec913..ebb6298 100644 --- a/website/style.css +++ b/website/style.css @@ -272,9 +272,10 @@ body { display: flex; justify-content: space-between; padding: 10px 0; - border-bottom: 2px solid #ff9d3b; + border-bottom: 2px solid #ff8c00; /* Change this to the orange color */ } + .cart-item button:hover { background-color: #b71c1c; } From 3ee459afe71bce6adb3d9fb54368b44da7783c5b Mon Sep 17 00:00:00 2001 From: cowboykipnugget <524877@vistacollege.nl> Date: Thu, 20 Feb 2025 10:20:53 +0100 Subject: [PATCH 4/4] s --- website/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/website/style.css b/website/style.css index ebb6298..63e1d8d 100644 --- a/website/style.css +++ b/website/style.css @@ -250,7 +250,7 @@ body { .cart li { padding: 10px 0; /* Space out the items */ - border-bottom: 1px solid #eee; /* Add a bottom border to each item */ + border-bottom: 1px solid #ff8c00; /* Change this to the orange color */ }