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

Remove logo from the DOM and adjust menu bar styles for improved layout

Browse Source
This commit is contained in:
vista-man
2025-02-19 13:33:43 +01:00
parent 8e99818cec
commit 576011a9c7
2 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
website/script.js
View File

@@ -105,8 +105,11 @@ function showCategory(category) {
document.getElementById('cart').classList.add('visible'); document.getElementById('cart').classList.add('visible');
document.querySelector('.cart-icon').classList.add('visible'); document.querySelector('.cart-icon').classList.add('visible');
// Hide the logo // Remove the logo from the DOM
document.querySelector('.logo').classList.add('hidden'); const logo = document.querySelector('.logo');
if (logo) {
logo.remove();
}
} }
// Functie om de details van een item weer te geven in het modaal // Functie om de details van een item weer te geven in het modaal
@@ -126,7 +129,6 @@ function showItemDetails(item) {
}; };
document.getElementById('modal').style.display = 'block'; document.getElementById('modal').style.display = 'block';
document.querySelector('.menu-bar').classList.add('dark'); // Add dark class to menu-bar
} }
// Functie om de beschrijving op te halen afhankelijk van de titel // Functie om de beschrijving op te halen afhankelijk van de titel

8
website/style.css
View File

@@ -34,10 +34,6 @@ body {
flex-wrap: nowrap; /* Ensure all items are in a single row */ flex-wrap: nowrap; /* Ensure all items are in a single row */
} }
.menu-bar.dark {
background-color: #ff8c00; /* Darker background color when modal is open */
}
.menu-item { .menu-item {
background-color: #ff8c00; background-color: #ff8c00;
padding: 10px 20px; padding: 10px 20px;
@@ -64,6 +60,10 @@ body {
margin-top: 60px; /* Add margin to ensure it starts below the top bar */ margin-top: 60px; /* Add margin to ensure it starts below the top bar */
} }
.menu-bar.top + .product-display {
margin-top: 120px; /* Adjust margin when the menu bar is at the top */
}
.product-box { .product-box {
width: 200px; /* Keep the width fixed */ width: 200px; /* Keep the width fixed */
margin: 10px; margin: 10px;