feat: improved UI

web/templates/components/generic/user_dropdown.html

@@ -1,19 +1,32 @@
 {% load i18n %}
 <div class="dropdown dropdown-end">
-  <div tabindex="0" role="button" class="btn btn-circle avatar">
-    <div class="w-10 flex rounded-full justify-center items-center">
+  <div tabindex="0" role="button" class="btn btn-ghost btn-circle avatar">
+    <div class="w-9 flex rounded-full bg-primary text-primary-content justify-center items-center font-semibold">
       {{ request.user.first_name.0 | upper }}{{ request.user.last_name.0 | upper }}
     </div>
   </div>
   <ul
     tabindex="-1"
-    class="menu menu-sm dropdown-content bg-base-100 rounded-box z-1 mt-3 w-52 p-2 shadow">
+    class="menu menu-sm dropdown-content bg-base-100 rounded-box z-20 mt-3 w-56 p-2 shadow-lg border border-base-300">
     <li>
-      <a class="justify-between" href="{% url 'users:my_account' %}">
-        {% trans 'Mi cuenta' %}
+      <a href="{% url 'users:my_account' %}">
+        {% translate 'Mi cuenta' %}
+      </a>
+    </li>
+    <li>
+      <a href="{% url 'web:orders' %}">
+        {% translate 'Mis pedidos' %}
+      </a>
+    </li>
+    <li>
+      <a href="{% url 'web:wishlist' %}">
+        {% translate 'Lista de deseados' %}
+      </a>
+    </li>
+    <li class="mt-1 border-t border-base-300 pt-1">
+      <a href="{% url 'users:logout' %}" class="text-error">
+        {% translate 'Cerrar sesión' %}
       </a>
     </li>
-    <li><a>{% trans 'Ajustes' %}</a></li>
-    <li><a href="{% url 'users:logout' %}">{% trans 'Cerrar sesión' %}</a></li>
   </ul>
-</div>
+</div>