alvin/Schoolkantine
1
0
Fork 0
mirror of https://github.com/Alvin-Zilverstand/Schoolkantine.git synced 2026-03-06 21:36:27 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'main' of https://github.com/Alvin-Zilverstand/Schoolkantine

Browse Source
This commit is contained in:
kitkatpotato16
2025-02-18 10:20:20 +01:00
parent 4561d3ec4e 4bb45113b1
commit dcb5c7cfe0
3 changed files with 29 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
website/Cart/cart.css
View File

@@ -35,7 +35,7 @@
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding: 10px 0; padding: 10px 0;
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ff9d3b;
} }
.cart-item button { .cart-item button {

13
website/Cart/cart.js
View File

@@ -63,4 +63,15 @@ updateCartCountDisplay(); // Initialize the cart count on page load
// Function to close the modal window // Function to close the modal window
function closeModal() { function closeModal() {
document.getElementById('modal').style.display = 'none'; document.getElementById('modal').style.display = 'none';
} <<<<<<< HEAD:website/cart.js
}
let cartCount = 0;
function addToCart() {
cartCount++;
document.querySelector('.cart-count').textContent = cartCount;
}
=======
}
>>>>>>> 1f418f9c8547c52f6394b681eb5ce02ee196b69a:website/Cart/cart.js

36
website/style.css
View File

@@ -3,33 +3,26 @@ body {
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
margin: 0; margin: 0;
display: flex; display: flex;
flex-direction: column; /* Change to column to accommodate the top bar */ justify-content: space-between;
background-color: #f2c14e; background-color: #ffffff;
} }
/* Top bar menu */ /* Linkerkant menu */
.menu-bar { .menu-list {
width: 100%; width: 25%;
background-color: #f2c14e; background-color: #d7d7d7;
padding: 10px 0; padding: 20px;
display: flex; height: 100vh;
justify-content: space-around; overflow-y: auto;
align-items: center;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
position: fixed; /* Fix the top bar to the top */
top: 0;
z-index: 1000; /* Ensure it is above other elements */
transition: background-color 0.3s ease; /* Add transition for background color */
}
.menu-bar.dark {
background-color: #d1a73e; /* Darker background color when modal is open */
} }
.menu-item { .menu-item {
background-color: #fff; background-color: #fff;
padding: 10px 20px; padding: 10px 20px;
margin: 5px; margin: 5px;
background-color: #ff9d3b;
padding: 20px;
margin: 10px 0;
border-radius: 8px; border-radius: 8px;
cursor: pointer; cursor: pointer;
font-size: 1.2em; font-size: 1.2em;
@@ -37,7 +30,7 @@ body {
} }
.menu-item:hover { .menu-item:hover {
background-color: #f59e42; background-color: #ff9d3b;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
} }
@@ -60,6 +53,9 @@ body {
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
transition: all 0.3s ease; transition: all 0.3s ease;
background-color: #e3e3e3 ;
} }
.product-box:hover { .product-box:hover {