Hugging Face's logo

Spaces:
nagasurendra
/
BiryaniHubflask30
Sleeping

App Files Community
nagasurendra commited on
Commit
51dff0e
·
verified ·
1 Parent(s): 1f044d5

Update templates/menu.html

Browse files
Files changed (1) hide show
  1. templates/menu.html +10 -66
templates/menu.html CHANGED
@@ -55,27 +55,6 @@
55
  box-shadow: none;
56
  }
57
 
58
- .filter-container {
59
- margin-bottom: 15px;
60
- }
61
- .addons-container {
62
- max-height: 150px;
63
- overflow-y: auto;
64
- border: 1px solid #ddd;
65
- padding: 10px;
66
- background-color: #f8f9fa;
67
- border-radius: 5px;
68
- }
69
- .addons-container::-webkit-scrollbar {
70
- width: 6px;
71
- }
72
- .addons-container::-webkit-scrollbar-thumb {
73
- background-color: #aaa;
74
- border-radius: 3px;
75
- }
76
- .addons-container::-webkit-scrollbar-track {
77
- background-color: #f1f1f1;
78
- }
79
  .view-cart-container {
80
  position: fixed;
81
  bottom: 20px;
@@ -100,37 +79,8 @@
100
  text-decoration: none;
101
  }
102
 
103
- .avatar-dropdown-container .dropdown-menu {
104
- position: absolute;
105
- top: 100%;
106
- left: 0;
107
- background-color: #fff;
108
- border-radius: 5px;
109
- width: 200px; /* Adjust width as needed */
110
- box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
111
- display: none; /* Hidden by default */
112
- padding: 0; /* Remove padding */
113
- margin: 0; /* Remove margin */
114
- }
115
-
116
- .avatar-dropdown-container:hover .dropdown-menu {
117
- display: block; /* Show dropdown when hovering over the avatar */
118
- }
119
-
120
- .avatar-dropdown-container .dropdown-menu .dropdown-item {
121
- display: block; /* Ensure each item takes a new line */
122
- padding: 10px 15px;
123
- text-decoration: none;
124
- color: #333;
125
- border-bottom: 1px solid #ddd;
126
- }
127
-
128
- .avatar-dropdown-container .dropdown-menu .dropdown-item:last-child {
129
- border-bottom: none; /* Remove the bottom border from the last item */
130
- }
131
-
132
- .avatar-dropdown-container .dropdown-menu .dropdown-item:hover {
133
- background-color: #f1f1f1; /* Hover effect */
134
  }
135
 
136
  .avatar-icon {
@@ -153,7 +103,7 @@
153
  top: 100%;
154
  background-color: #fff;
155
  border-radius: 5px;
156
- width: 300px;
157
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
158
  display: none;
159
  }
@@ -164,28 +114,24 @@
164
 
165
  .dropdown-menu .dropdown-item {
166
  padding: 10px 15px;
167
- display: flex;
168
- justify-content: space-between;
169
  border-bottom: 1px solid #ddd;
 
170
  }
171
 
172
  .dropdown-menu .dropdown-item:last-child {
173
- border-bottom: none;
174
  }
175
 
176
  .dropdown-menu .dropdown-item:hover {
177
  background-color: #f1f1f1;
178
  }
179
-
180
- .dropdown-column {
181
- flex: 1;
182
- padding: 5px;
183
- }
184
  </style>
185
  </head>
186
  <body>
187
  <div class="d-flex justify-content-between align-items-center p-3" style="background-color: #5bbfc1; color: white;">
188
-
189
  <div class="d-flex align-items-center">
190
  <a href="{{ url_for('order_history') }}" class="text-white mx-2" title="Order History">
191
  <i class="bi bi-clock-history fs-4"></i>
@@ -195,19 +141,18 @@
195
  </a>
196
  </div>
197
 
198
-
199
  <!-- Avatar and Dropdown -->
200
  <div class="avatar-dropdown-container">
201
  <div class="avatar-icon">
202
  <span>A</span>
203
  </div>
204
  <div class="dropdown-menu">
205
- <a href="{{ url_for('customer_details') }}" class="dropdown-item">Customer Details</a>
 
206
  <a href="{{ url_for('order_history') }}" class="dropdown-item">Order History</a>
207
  <a href="{{ url_for('logout') }}" class="dropdown-item">Logout</a>
208
  </div>
209
  </div>
210
-
211
  </div>
212
 
213
  <div class="container mt-4">
@@ -259,7 +204,6 @@
259
  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
260
 
261
 
262
-
263
  <!-- Modal for Item Details -->
264
  <div class="modal fade" id="itemModal" tabindex="-1" aria-labelledby="itemModalLabel" aria-hidden="true">
265
  <div class="modal-dialog modal-dialog-centered">
 
55
  box-shadow: none;
56
  }
57
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
58
  .view-cart-container {
59
  position: fixed;
60
  bottom: 20px;
 
79
  text-decoration: none;
80
  }
81
 
82
+ .avatar-dropdown-container {
83
+ position: relative;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
84
  }
85
 
86
  .avatar-icon {
 
103
  top: 100%;
104
  background-color: #fff;
105
  border-radius: 5px;
106
+ width: 200px; /* Adjust width as needed */
107
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
108
  display: none;
109
  }
 
114
 
115
  .dropdown-menu .dropdown-item {
116
  padding: 10px 15px;
117
+ text-decoration: none;
118
+ color: #333;
119
  border-bottom: 1px solid #ddd;
120
+ display: block; /* Make each item stack vertically */
121
  }
122
 
123
  .dropdown-menu .dropdown-item:last-child {
124
+ border-bottom: none; /* Remove the bottom border from the last item */
125
  }
126
 
127
  .dropdown-menu .dropdown-item:hover {
128
  background-color: #f1f1f1;
129
  }
 
 
 
 
 
130
  </style>
131
  </head>
132
  <body>
133
  <div class="d-flex justify-content-between align-items-center p-3" style="background-color: #5bbfc1; color: white;">
134
+ <!-- Removed Reward Points and Referral Code -->
135
  <div class="d-flex align-items-center">
136
  <a href="{{ url_for('order_history') }}" class="text-white mx-2" title="Order History">
137
  <i class="bi bi-clock-history fs-4"></i>
 
141
  </a>
142
  </div>
143
 
 
144
  <!-- Avatar and Dropdown -->
145
  <div class="avatar-dropdown-container">
146
  <div class="avatar-icon">
147
  <span>A</span>
148
  </div>
149
  <div class="dropdown-menu">
150
+ <!-- Direct links without grouping into columns -->
151
+ <a href="{{ url_for('customer_details') }}" class="dropdown-item">View Profile</a>
152
  <a href="{{ url_for('order_history') }}" class="dropdown-item">Order History</a>
153
  <a href="{{ url_for('logout') }}" class="dropdown-item">Logout</a>
154
  </div>
155
  </div>
 
156
  </div>
157
 
158
  <div class="container mt-4">
 
204
  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
205
 
206
 
 
207
  <!-- Modal for Item Details -->
208
  <div class="modal fade" id="itemModal" tabindex="-1" aria-labelledby="itemModalLabel" aria-hidden="true">
209
  <div class="modal-dialog modal-dialog-centered">