pablo/shoppy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: styling

Browse Source
This commit is contained in:
Pablo Moreno
2025-01-03 14:12:32 +01:00
parent a05bd3f499
commit 863a04737c
3 changed files with 23 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/templates/components/cart/add_to_cart.html
+5 -2
View File
@@ -3,8 +3,11 @@
{% csrf_token %} {% csrf_token %}
<input type="hidden" name="product" value="{{ product.pk }}"> <input type="hidden" name="product" value="{{ product.pk }}">
<input id="quantity" type="hidden" name="quantity" value="1"> <input id="quantity" type="hidden" name="quantity" value="1">
<button <button class="w-full flex justify-center rounded-lg bg-primary-700 px-5 py-2.5
class="inline-flex items-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"> 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"
>
{% include 'components/icons/add_cart.svg' %} {% include 'components/icons/add_cart.svg' %}
{% translate 'Añadir al carrito' %} {% translate 'Añadir al carrito' %}
</button> </button>
web/templates/components/generic/navbar.html
+11 -24
View File
@@ -23,12 +23,12 @@
</a> </a>
</li> </li>
{% for category in navbar_categories %} {% for category in navbar_categories %}
<li class="shrink-0"> <li class="shrink-0">
<a href="{% url 'web:category_view' slug=category.slug %}" title="" <a href="{% url 'web:category_view' slug=category.slug %}" title=""
class="flex text-sm font-medium text-gray-900 hover:text-primary-700 dark:text-white dark:hover:text-primary-500"> class="flex text-sm font-medium text-gray-900 hover:text-primary-700 dark:text-white dark:hover:text-primary-500">
{{ category.name }} {{ category.name }}
</a> </a>
</li> </li>
{% endfor %} {% endfor %}
</ul> </ul>
</div> </div>
@@ -86,26 +86,13 @@
<a href="{% url 'web:index' %}" <a href="{% url 'web:index' %}"
class="hover:text-primary-700 dark:hover:text-primary-500">{% translate 'Inicio' %}</a> class="hover:text-primary-700 dark:hover:text-primary-500">{% translate 'Inicio' %}</a>
</li> </li>
{% for category in navbar_categories %}
<li> <li>
<a href="{% url 'web:index' %}" <a href="{% url 'web:category_view' slug=category.slug %}"
class="hover:text-primary-700 dark:hover:text-primary-500">{% translate 'Más vendidos' %}</a> class="hover:text-primary-700 dark:hover:text-primary-500">{{ category.name }}</a>
</li>
<li>
<a href="{% url 'web:index' %}"
class="hover:text-primary-700 dark:hover:text-primary-500">{% translate 'Ideas de regalo' %}</a>
</li>
<li>
<a href="{% url 'web:index' %}"
class="hover:text-primary-700 dark:hover:text-primary-500">{% translate 'Juegos' %}</a>
</li>
<li>
<a href="{% url 'web:index' %}"
class="hover:text-primary-700 dark:hover:text-primary-500">{% translate 'Electrónica' %}</a>
</li>
<li>
<a href="{% url 'web:index' %}"
class="hover:text-primary-700 dark:hover:text-primary-500">{% translate 'Ofertas del día' %}</a>
</li> </li>
{% endfor %}
</ul> </ul>
</div> </div>
</div> </div>
web/templates/components/product_card.html
+7 -4
View File
@@ -27,12 +27,15 @@
<p class="text-sm font-medium text-gray-900 dark:text-white">5.0</p> <p class="text-sm font-medium text-gray-900 dark:text-white">5.0</p>
<p class="text-sm font-medium text-gray-500 dark:text-gray-400">(455)</p> <p class="text-sm font-medium text-gray-500 dark:text-gray-400">(455)</p>
</div> </div>
<div class="mt-4 flex items-center justify-between gap-4"> <div class="mt-4 flex gap-4">
<p <p class="text-2xl font-extrabold leading-tight text-gray-900 dark:text-white">
class="text-2xl font-extrabold leading-tight text-gray-900 dark:text-white">{{ product.price.price_with_tax }}€</p> {{ product.price.price_with_tax }}€
</p>
</div>
<div class="mt-4">
{% include 'components/cart/add_to_cart.html' %} {% include 'components/cart/add_to_cart.html' %}
</div> </div>
</div> </div>
</div> </div>
</article> </article>