Hugging Face's logo

Spaces:
Rammohan0504
/
BiryaniHubflask33
Running

App Files Community
nagasurendra commited on
Commit
04abea5
·
verified ·
1 Parent(s): bc4bcaa

Update templates/menu.html

Browse files
Files changed (1) hide show
  1. templates/menu.html +22 -8
templates/menu.html CHANGED
@@ -145,11 +145,25 @@
145
  .container {
146
  margin-top: 70px;
147
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
148
  </style>
149
  </head>
150
  <body>
151
 
152
- <div class="d-flex justify-content-between align-items-center p-3" style="background-color: #5bbfc1; color: white;">
153
  <!-- Removed Reward Points and Referral Code -->
154
  <div class="d-flex align-items-center">
155
  <a href="{{ url_for('order_history') }}" class="text-white mx-2" title="Order History">
@@ -159,17 +173,17 @@
159
  <i class="bi bi-box-arrow-right fs-4"></i>
160
  </a>
161
  </div>
162
- <!-- Add Welcome Message with Customer Name -->
163
- <div class="d-flex align-items-center">
164
- <span class="text-white mr-3">Welcome, {{ user_name }}</span> <!-- Display the customer's name -->
165
  </div>
166
 
167
  <!-- Avatar and Dropdown -->
168
  <div class="avatar-dropdown-container">
169
- <div class="avatar-icon">
170
- <!-- Use the first letter of the user's name for the avatar -->
171
- <span>{{ first_letter }}</span> <!-- Display the first letter of the customer's name -->
172
- </div>
173
  <div class="dropdown-menu">
174
  <!-- Direct links without grouping into columns -->
175
  <a href="{{ url_for('customer_details') }}" class="dropdown-item">View Profile</a>
 
145
  .container {
146
  margin-top: 70px;
147
  }
148
+ .fixed-top-bar {
149
+ position: fixed;
150
+ top: 0;
151
+ left: 0;
152
+ width: 100%;
153
+ z-index: 1000; /* Ensures it stays on top of other elements */
154
+ background-color: #5bbfc1; /* Keep the background */
155
+ color: white;
156
+ padding: 15px;
157
+ display: flex;
158
+ justify-content: space-between;
159
+ align-items: center;
160
+ }
161
+
162
  </style>
163
  </head>
164
  <body>
165
 
166
+ <div class="fixed-top-bar">
167
  <!-- Removed Reward Points and Referral Code -->
168
  <div class="d-flex align-items-center">
169
  <a href="{{ url_for('order_history') }}" class="text-white mx-2" title="Order History">
 
173
  <i class="bi bi-box-arrow-right fs-4"></i>
174
  </a>
175
  </div>
176
+ <!-- Add Welcome Message with Customer Name -->
177
+ <div class="d-flex align-items-center">
178
+ <span class="text-white mr-3">Welcome, {{ user_name }}</span> <!-- Display the customer's name -->
179
  </div>
180
 
181
  <!-- Avatar and Dropdown -->
182
  <div class="avatar-dropdown-container">
183
+ <div class="avatar-icon">
184
+ <!-- Use the first letter of the user's name for the avatar -->
185
+ <span>{{ first_letter }}</span> <!-- Display the first letter of the customer's name -->
186
+ </div>
187
  <div class="dropdown-menu">
188
  <!-- Direct links without grouping into columns -->
189
  <a href="{{ url_for('customer_details') }}" class="dropdown-item">View Profile</a>