Spaces:
Sleeping
Sleeping
Update templates/menu.html
Browse files- templates/menu.html +59 -11
templates/menu.html
CHANGED
|
@@ -227,8 +227,22 @@ h1.text-center {
|
|
| 227 |
padding-top: 0 !important; /* Removed padding */
|
| 228 |
font-weight: semi-bold; /* Make the "Menu" text bold */
|
| 229 |
}
|
| 230 |
-
|
| 231 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 232 |
position: fixed;
|
| 233 |
top: 0;
|
| 234 |
left: 0;
|
|
@@ -241,7 +255,22 @@ h1.text-center {
|
|
| 241 |
z-index: 1000;
|
| 242 |
}
|
| 243 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 244 |
|
|
|
|
|
|
|
|
|
|
|
|
|
| 245 |
|
| 246 |
|
| 247 |
|
|
@@ -507,9 +536,9 @@ form-check-input addon-option{
|
|
| 507 |
</head>
|
| 508 |
<body>
|
| 509 |
|
| 510 |
-
<div class="fixed-top-bar">
|
| 511 |
<!-- Avatar and Dropdown -->
|
| 512 |
-
|
| 513 |
<div class="avatar-icon">
|
| 514 |
<span>{{ first_letter }}</span> <!-- Display the first letter of the customer's name -->
|
| 515 |
</div>
|
|
@@ -520,20 +549,39 @@ form-check-input addon-option{
|
|
| 520 |
<a href="{{ url_for('logout') }}" class="dropdown-item">Logout</a>
|
| 521 |
</div>
|
| 522 |
</div>
|
| 523 |
-
|
| 524 |
-
|
| 525 |
-
|
| 526 |
-
|
| 527 |
-
|
| 528 |
-
|
| 529 |
|
| 530 |
<!-- Search Bar Section -->
|
| 531 |
<div class="search-bar-container">
|
| 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 -->
|
|
|
|
| 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 |
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 |
</head>
|
| 537 |
<body>
|
| 538 |
|
| 539 |
+
<!-- <div class="fixed-top-bar">
|
| 540 |
<!-- Avatar and Dropdown -->
|
| 541 |
+
<div class="avatar-dropdown-container">
|
| 542 |
<div class="avatar-icon">
|
| 543 |
<span>{{ first_letter }}</span> <!-- Display the first letter of the customer's name -->
|
| 544 |
</div>
|
|
|
|
| 549 |
<a href="{{ url_for('logout') }}" class="dropdown-item">Logout</a>
|
| 550 |
</div>
|
| 551 |
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 552 |
|
| 553 |
<!-- Search Bar Section -->
|
| 554 |
<div class="search-bar-container">
|
| 555 |
<input type="text" id="searchBar" class="form-control" placeholder="Search items or sections..." onkeyup="filterMenu()">
|
| 556 |
<i class="bi bi-search search-icon"></i> <!-- Search icon inside the input -->
|
| 557 |
</div>
|
| 558 |
+
</div> -->
|
| 559 |
+
<div class="fixed-top-bar">
|
| 560 |
+
<!-- Logo and Search Bar Section -->
|
| 561 |
+
<div class="logo-search-container">
|
| 562 |
+
<div class="logo">
|
| 563 |
+
<!-- Logo image or text -->
|
| 564 |
+
<img src="path-to-your-logo.png" alt="Logo" class="logo-img">
|
| 565 |
+
</div>
|
| 566 |
|
| 567 |
+
<div class="search-bar-container">
|
| 568 |
+
<input type="text" id="searchBar" class="form-control" placeholder="Search items or sections..." onkeyup="filterMenu()">
|
| 569 |
+
<i class="bi bi-search search-icon"></i> <!-- Search icon inside the input -->
|
| 570 |
+
</div>
|
| 571 |
+
</div>
|
| 572 |
+
|
| 573 |
+
<!-- Avatar and Dropdown -->
|
| 574 |
+
<div class="avatar-dropdown-container">
|
| 575 |
+
<div class="avatar-icon">
|
| 576 |
+
<span>{{ first_letter }}</span> <!-- Display the first letter of the customer's name -->
|
| 577 |
+
</div>
|
| 578 |
+
<div class="dropdown-menu">
|
| 579 |
+
<a href="{{ url_for('user_details.customer_details') }}" class="dropdown-item">View Profile</a>
|
| 580 |
+
<a href="{{ url_for('orderhistory.order_history') }}" class="dropdown-item">Order History</a>
|
| 581 |
+
<a href="{{ url_for('logout') }}" class="dropdown-item">Logout</a>
|
| 582 |
+
</div>
|
| 583 |
+
</div>
|
| 584 |
+
</div>
|
| 585 |
|
| 586 |
|
| 587 |
<!-- Category Filter with Custom Radio Buttons -->
|