fix: styling

web/templates/components/cart/cart_navbar.html

@@ -14,7 +14,7 @@
 
 <!-- Cart -->
 <div id="myCartDropdown1"
-     class="absolute top-10 z-10 mx-auto max-w-sm space-y-4 overflow-hidden rounded-lg bg-white p-4 antialiased shadow-lg dark:bg-gray-800 hidden"
+     class="absolute top-10 z-10 w-56 divide-y divide-gray-100 overflow-hidden overflow-y-auto rounded-lg bg-white antialiased shadow dark:divide-gray-600 dark:bg-gray-700 right-0 p-4 hidden"
 >
     <div>
         {% if cart.items.count == 0 %}
@@ -24,7 +24,7 @@
         {% for cart_item in cart.items.all %}
         <div>
             <a href="{% url 'web:product_detail' pk=cart_item.product.pk slug=cart_item.product.slug %}"
-               class="truncate text-sm font-semibold leading-none text-gray-900 dark:text-white hover:underline">
+               class="text-sm font-semibold leading-none text-gray-900 dark:text-white hover:underline">
                 {{ cart_item.product.name }}
             </a>
 
@@ -58,6 +58,7 @@
                 </div>
             </div>
         </div>
+        <hr class="my-2" />
         {% endfor %}
     </div>