fix: refactor css
This commit is contained in:
@@ -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 %}
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user