fix: refactor css

This commit is contained in:
2025-01-28 17:47:33 +01:00
parent 69fc6d4d5a
commit d787bccc90
9 changed files with 42 additions and 62 deletions
@@ -4,14 +4,9 @@
<input type="hidden" name="product" value="{{ product.pk }}">
<div class="flex">
<input class="bg-gray-50 border border-gray-300 text-gray-900 sm:text-sm rounded-lg focus:ring-primary-600
focus:border-primary-600 block p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400
dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500 mr-4"
<input class="input-number"
id="quantity" aria-label="quantity" type="number" min="1" max="10" name="quantity" value="1">
<button class="w-full flex justify-center rounded-lg bg-primary-700 px-5 py-2.5
text-sm font-medium text-white hover:bg-primary-800 focus:outline-none focus:ring-4
focus:ring-primary-300 dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800
content-center items-center cursor-pointer"
<button class="button-primary"
>
{% include 'components/icons/add_cart.svg' %}
{% translate 'Añadir al carrito' %}
@@ -62,9 +62,7 @@
{% if cart.items.count > 0 %}
<a href="{% url 'web:cart_detail' %}"
class="mb-2 me-2 inline-flex w-full items-center justify-center rounded-lg bg-primary-700 px-5 py-2.5 text-sm
font-medium text-white hover:bg-primary-800 focus:outline-none focus:ring-4 focus:ring-primary-300
dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800"
class="button-primary"
role="button"> {% translate 'Ver carrito' %}
</a>
{% endif %}
+1 -1
View File
@@ -28,7 +28,7 @@
<!-- <p class="text-sm font-medium text-gray-500 dark:text-gray-400">(455)</p>-->
<!-- </div>-->
<div class="mt-4 flex gap-4">
<p class="text-2xl font-extrabold leading-tight text-gray-900 dark:text-white">
<p class="txt-2xl">
{{ product.price.price_with_tax }}€
</p>
</div>
@@ -20,7 +20,7 @@
type="text"
name="name"
id="simple-search"
class="block w-full p-2 pl-10 text-sm text-gray-900 border border-gray-300 rounded-lg bg-gray-50 focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500"
class="search-input"
placeholder="{% translate 'Buscar' %}"
autocomplete="off">
</div>
@@ -18,10 +18,7 @@
</label>
</dt>
<dd class="flex items-center gap-1 text-gray-500 dark:text-gray-400">
<input class="my-2 bg-gray-50 border border-gray-300 text-gray-900 sm:text-sm rounded-lg
focus:ring-primary-600 focus:border-primary-600 block w-full p-2.5 dark:bg-gray-700
dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500
dark:focus:border-primary-500"
<input class="input-text"
id="address_full_name" name="full_name" type="text" value="{{ address.full_name }}">
</dd>
</dl>
@@ -32,10 +29,7 @@
</label>
</dt>
<dd class="flex items-center gap-1 text-gray-500 dark:text-gray-400">
<input class="my-2 bg-gray-50 border border-gray-300 text-gray-900 sm:text-sm rounded-lg
focus:ring-primary-600 focus:border-primary-600 block w-full p-2.5 dark:bg-gray-700
dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500
dark:focus:border-primary-500"
<input class="input-text"
id="address" name="address" type="text" value="{{ address.address }}">
</dd>
</dl>
@@ -46,10 +40,7 @@
</label>
</dt>
<dd class="text-gray-500 dark:text-gray-400">
<input class="my-2 bg-gray-50 border border-gray-300 text-gray-900 sm:text-sm rounded-lg
focus:ring-primary-600 focus:border-primary-600 block w-full p-2.5 dark:bg-gray-700
dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500
dark:focus:border-primary-500"
<input class="input-text"
id="address_zip" name="address_zip" type="text" value="{{ address.address_zip }}">
</dd>
</dl>
@@ -60,10 +51,7 @@
</label>
</dt>
<dd class="text-gray-500 dark:text-gray-400">
<input class="my-2 bg-gray-50 border border-gray-300 text-gray-900 sm:text-sm rounded-lg
focus:ring-primary-600 focus:border-primary-600 block w-full p-2.5 dark:bg-gray-700
dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500
dark:focus:border-primary-500"
<input class="input-text"
id="address_phone" name="address_phone" type="text" value="{{ address.address_phone }}">
</dd>
</dl>
@@ -76,10 +64,7 @@
</label>
</dt>
<dd class="text-gray-500 dark:text-gray-400">
<input class="my-2 bg-gray-50 border border-gray-300 text-gray-900 sm:text-sm rounded-lg
focus:ring-primary-600 focus:border-primary-600 block w-full p-2.5 dark:bg-gray-700
dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500
dark:focus:border-primary-500"
<input class="input-text"
id="address_town" name="address_town" type="text" value="{{ address.address_town }}">
</dd>
</dl>
@@ -90,10 +75,7 @@
</label>
</dt>
<dd class="text-gray-500 dark:text-gray-400">
<input class="my-2 bg-gray-50 border border-gray-300 text-gray-900 sm:text-sm rounded-lg
focus:ring-primary-600 focus:border-primary-600 block w-full p-2.5 dark:bg-gray-700
dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500
dark:focus:border-primary-500"
<input class="input-text"
id="address_state" name="address_state" type="text" value="{{ address.address_state }}">
</dd>
</dl>