fix: styling

This commit is contained in:
Pablo Moreno
2025-01-27 18:26:10 +01:00
parent 8b75aea5ad
commit 33c5432019
@@ -3,7 +3,7 @@
hx-on:click="htmx.toggleClass(htmx.find('#myCartDropdown1'), 'hidden'); htmx.addClass(htmx.find('#userDropdown1'), 'hidden')" hx-on:click="htmx.toggleClass(htmx.find('#myCartDropdown1'), 'hidden'); htmx.addClass(htmx.find('#userDropdown1'), 'hidden')"
id="myCartDropdownButton1" id="myCartDropdownButton1"
data-dropdown-toggle="myCartDropdown1" type="button" data-dropdown-toggle="myCartDropdown1" type="button"
class="inline-flex items-center rounded-lg justify-center p-2 hover:bg-gray-100 dark:hover:bg-gray-700 text-sm font-medium leading-none text-gray-900 dark:text-white cursor-pointer"> class="inline-flex items-center rounded-lg justify-center p-4 hover:bg-gray-100 dark:hover:bg-gray-700 text-sm font-medium leading-none text-gray-900 dark:text-white cursor-pointer">
{% include 'components/icons/cart.svg' %} {% include 'components/icons/cart.svg' %}
<span class="hidden sm:flex"> <span class="hidden sm:flex">
{% translate 'Carrito' %}</span> {% translate 'Carrito' %}</span>
@@ -12,7 +12,8 @@
<!-- Cart --> <!-- Cart -->
<div id="myCartDropdown1" <div id="myCartDropdown1"
class="absolute top-12 z-10 w-65 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" class="absolute top-12 z-10 w-68 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> <div>
{% if cart.items.count == 0 %} {% if cart.items.count == 0 %}