Hugging Face's logo

Spaces:
DSatishchandra
/
BiryaniHubflask38
Runtime error

App Files Community
DSatishchandra commited on
Commit
b08895c
·
verified ·
1 Parent(s): 5816f30

Update templates/menu.html

Browse files
Files changed (1) hide show
  1. templates/menu.html +8 -6
templates/menu.html CHANGED
@@ -158,6 +158,7 @@
158
  display: flex;
159
  justify-content: space-between;
160
  align-items: center; /* Vertically align items */
 
161
  }
162
 
163
  .avatar-dropdown-container {
@@ -169,9 +170,10 @@
169
  align-items: center;
170
  justify-content: center;
171
  }
 
172
  .search-bar-container {
173
  position: absolute;
174
- left: 20px; /* Position it on the left side */
175
  top: 50%;
176
  transform: translateY(-50%);
177
  display: flex;
@@ -280,24 +282,24 @@
280
  </head>
281
  <body>
282
 
 
283
  <!-- Avatar and Dropdown -->
284
  <div class="avatar-dropdown-container">
285
  <div class="avatar-icon">
286
- <!-- Use the first letter of the user's name for the avatar -->
287
  <span>{{ first_letter }}</span> <!-- Display the first letter of the customer's name -->
288
  </div>
289
  <div class="dropdown-menu">
290
- <!-- Direct links without grouping into columns -->
291
  <a href="{{ url_for('customer_details') }}" class="dropdown-item">View Profile</a>
292
  <a href="{{ url_for('order_history') }}" class="dropdown-item">Order History</a>
293
  <a href="{{ url_for('logout') }}" class="dropdown-item">Logout</a>
294
  </div>
295
  </div>
296
 
297
- <!-- Search Bar Moved to Header Section -->
298
  <div class="search-bar-container">
299
- <input type="text" id="searchBar" class="form-control" placeholder="Search items or sections..." onkeyup="filterMenu()">
300
- <i class="bi bi-search search-icon"></i> <!-- Search icon inside the input -->
 
301
  </div>
302
 
303
  <!-- Category Filter with Custom Radio Buttons -->
 
158
  display: flex;
159
  justify-content: space-between;
160
  align-items: center; /* Vertically align items */
161
+ z-index: 10000; /* Make sure it's at the top */
162
  }
163
 
164
  .avatar-dropdown-container {
 
170
  align-items: center;
171
  justify-content: center;
172
  }
173
+
174
  .search-bar-container {
175
  position: absolute;
176
+ left: 20px;
177
  top: 50%;
178
  transform: translateY(-50%);
179
  display: flex;
 
282
  </head>
283
  <body>
284
 
285
+ <div class="fixed-top-bar">
286
  <!-- Avatar and Dropdown -->
287
  <div class="avatar-dropdown-container">
288
  <div class="avatar-icon">
 
289
  <span>{{ first_letter }}</span> <!-- Display the first letter of the customer's name -->
290
  </div>
291
  <div class="dropdown-menu">
 
292
  <a href="{{ url_for('customer_details') }}" class="dropdown-item">View Profile</a>
293
  <a href="{{ url_for('order_history') }}" class="dropdown-item">Order History</a>
294
  <a href="{{ url_for('logout') }}" class="dropdown-item">Logout</a>
295
  </div>
296
  </div>
297
 
298
+ <!-- Search Bar Section -->
299
  <div class="search-bar-container">
300
+ <input type="text" id="searchBar" class="form-control" placeholder="Search items or sections..." onkeyup="filterMenu()">
301
+ <i class="bi bi-search search-icon"></i> <!-- Search icon inside the input -->
302
+ </div>
303
  </div>
304
 
305
  <!-- Category Filter with Custom Radio Buttons -->