Spaces:
Sleeping
Sleeping
Update templates/menu.html
Browse files- templates/menu.html +3 -57
templates/menu.html
CHANGED
|
@@ -227,22 +227,8 @@ h1.text-center {
|
|
| 227 |
padding-top: 0 !important; /* Removed padding */
|
| 228 |
font-weight: semi-bold; /* Make the "Menu" text bold */
|
| 229 |
}
|
|
|
|
| 230 |
.fixed-top-bar {
|
| 231 |
-
/* Remove the fixed positioning */
|
| 232 |
-
position: relative; /* Change from fixed to relative */
|
| 233 |
-
top: 0;
|
| 234 |
-
left: 0;
|
| 235 |
-
width: 100%;
|
| 236 |
-
height: 54px;
|
| 237 |
-
background: linear-gradient(135deg, #000000, #434343);
|
| 238 |
-
color: white;
|
| 239 |
-
padding: 15px;
|
| 240 |
-
display: flex;
|
| 241 |
-
justify-content: space-between;
|
| 242 |
-
align-items: center; /* Vertically align items */
|
| 243 |
-
z-index: 1000; /* Make sure it's still above other content */
|
| 244 |
-
}
|
| 245 |
-
/* .fixed-top-bar {
|
| 246 |
position: fixed;
|
| 247 |
top: 0;
|
| 248 |
left: 0;
|
|
@@ -255,22 +241,7 @@ h1.text-center {
|
|
| 255 |
z-index: 1000;
|
| 256 |
}
|
| 257 |
|
| 258 |
-
.logo-search-container {
|
| 259 |
-
display: flex;
|
| 260 |
-
align-items: center;
|
| 261 |
-
justify-content: center;
|
| 262 |
-
flex-grow: 1; /* Allow this section to take up available space */
|
| 263 |
-
position: relative;
|
| 264 |
-
}
|
| 265 |
|
| 266 |
-
.logo {
|
| 267 |
-
margin-right: 15px; /* Space between logo and search bar */
|
| 268 |
-
}
|
| 269 |
-
|
| 270 |
-
.logo-img {
|
| 271 |
-
height: 40px; /* Adjust logo size */
|
| 272 |
-
width: auto;
|
| 273 |
-
} */
|
| 274 |
|
| 275 |
|
| 276 |
|
|
@@ -536,7 +507,7 @@ form-check-input addon-option{
|
|
| 536 |
</head>
|
| 537 |
<body>
|
| 538 |
|
| 539 |
-
|
| 540 |
<!-- Avatar and Dropdown -->
|
| 541 |
<div class="avatar-dropdown-container">
|
| 542 |
<div class="avatar-icon">
|
|
@@ -561,33 +532,8 @@ form-check-input addon-option{
|
|
| 561 |
<input type="text" id="searchBar" class="form-control" placeholder="Search items or sections..." onkeyup="filterMenu()">
|
| 562 |
<i class="bi bi-search search-icon"></i> <!-- Search icon inside the input -->
|
| 563 |
</div>
|
| 564 |
-
</div>
|
| 565 |
-
<div class="fixed-top-bar">
|
| 566 |
-
<!-- Logo and Search Bar Section -->
|
| 567 |
-
<div class="logo-search-container">
|
| 568 |
-
<div class="logo">
|
| 569 |
-
<!-- Logo image or text -->
|
| 570 |
-
<img src="path-to-your-logo.png" alt="Logo" class="logo-img">
|
| 571 |
-
</div>
|
| 572 |
|
| 573 |
-
<div class="search-bar-container">
|
| 574 |
-
<input type="text" id="searchBar" class="form-control" placeholder="Search items or sections..." onkeyup="filterMenu()">
|
| 575 |
-
<i class="bi bi-search search-icon"></i> <!-- Search icon inside the input -->
|
| 576 |
-
</div>
|
| 577 |
-
</div>
|
| 578 |
-
|
| 579 |
-
<!-- Avatar and Dropdown -->
|
| 580 |
-
<div class="avatar-dropdown-container">
|
| 581 |
-
<div class="avatar-icon">
|
| 582 |
-
<span>{{ first_letter }}</span> <!-- Display the first letter of the customer's name -->
|
| 583 |
-
</div>
|
| 584 |
-
<div class="dropdown-menu">
|
| 585 |
-
<a href="{{ url_for('user_details.customer_details') }}" class="dropdown-item">View Profile</a>
|
| 586 |
-
<a href="{{ url_for('orderhistory.order_history') }}" class="dropdown-item">Order History</a>
|
| 587 |
-
<a href="{{ url_for('logout') }}" class="dropdown-item">Logout</a>
|
| 588 |
-
</div>
|
| 589 |
-
</div>
|
| 590 |
-
</div>
|
| 591 |
|
| 592 |
|
| 593 |
<!-- Category Filter with Custom Radio Buttons -->
|
|
|
|
| 227 |
padding-top: 0 !important; /* Removed padding */
|
| 228 |
font-weight: semi-bold; /* Make the "Menu" text bold */
|
| 229 |
}
|
| 230 |
+
|
| 231 |
.fixed-top-bar {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 232 |
position: fixed;
|
| 233 |
top: 0;
|
| 234 |
left: 0;
|
|
|
|
| 241 |
z-index: 1000;
|
| 242 |
}
|
| 243 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 244 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 245 |
|
| 246 |
|
| 247 |
|
|
|
|
| 507 |
</head>
|
| 508 |
<body>
|
| 509 |
|
| 510 |
+
<div class="fixed-top-bar">
|
| 511 |
<!-- Avatar and Dropdown -->
|
| 512 |
<div class="avatar-dropdown-container">
|
| 513 |
<div class="avatar-icon">
|
|
|
|
| 532 |
<input type="text" id="searchBar" class="form-control" placeholder="Search items or sections..." onkeyup="filterMenu()">
|
| 533 |
<i class="bi bi-search search-icon"></i> <!-- Search icon inside the input -->
|
| 534 |
</div>
|
| 535 |
+
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 536 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 537 |
|
| 538 |
|
| 539 |
<!-- Category Filter with Custom Radio Buttons -->
|