Spaces:
Runtime error
Runtime error
Update templates/menu.html
Browse files- 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="
|
| 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 |
-
|
| 163 |
-
|
| 164 |
-
|
| 165 |
</div>
|
| 166 |
|
| 167 |
<!-- Avatar and Dropdown -->
|
| 168 |
<div class="avatar-dropdown-container">
|
| 169 |
-
|
| 170 |
-
|
| 171 |
-
|
| 172 |
-
|
| 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>
|