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:
vista-man
2025-02-19 11:37:07 +01:00
parent 949ab2637c 0f511bf2de
commit ddf49c7cc9
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
website/style.css
View File

@@ -9,16 +9,15 @@ body {
/* Top bar menu */ /* Top bar menu */
.menu-bar { .menu-bar {
width: 100%; width: 75%;
background-color: #ffe1b0; background-color: #ffffff;
padding: 10px 0; padding: 10px 0;
display: flex; display: flex;
flex-wrap: wrap; /* Allow wrapping of menu items */ flex-wrap: wrap; /* Allow wrapping of menu items */
justify-content: center; /* Center the menu items */ justify-content: center; /* Center the menu items */
align-items: center; align-items: center;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
position: absolute; /* Initially position in the middle */ position: absolute; /* Initially position in the middle */
top: 50%; top: 60%;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
z-index: 1000; /* Ensure it is above other elements */ z-index: 1000; /* Ensure it is above other elements */
@@ -35,11 +34,11 @@ body {
} }
.menu-bar.dark { .menu-bar.dark {
background-color: #ffb700; /* Darker background color when modal is open */ background-color: #ff8c00; /* Darker background color when modal is open */
} }
.menu-item { .menu-item {
background-color: #ffb700; background-color: #ff8c00;
padding: 10px 20px; padding: 10px 20px;
margin: 5px; margin: 5px;
border-radius: 8px; border-radius: 8px;
@@ -72,7 +71,7 @@ body {
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
transition: all 0.3s ease, box-shadow 0.3s ease; transition: all 0.3s ease, box-shadow 0.3s ease;
border: 2px solid darkgoldenrod; /* 2px dikke zwarte rand */ border: 2px solid #ff8c00; /* 2px dikke zwarte rand */
padding: 20px; /* Ruimte binnen de container */ padding: 20px; /* Ruimte binnen de container */
} }
@@ -298,7 +297,8 @@ body {
.logo { .logo {
width: 100%; width: 100%;
max-width: 200px; padding: 60px;
max-width: 400px;
margin: 20px auto; margin: 20px auto;
display: block; display: block;
transition: opacity 0.3s ease; /* Add transition for smooth hiding */ transition: opacity 0.3s ease; /* Add transition for smooth hiding */