feat: added new settings and styling

web/templates/components/cart/cart.html

@@ -33,16 +33,13 @@
                 </div>
 
                 <div class="w-full min-w-0 flex-1 space-y-4 md:order-2 md:max-w-md">
-                  <a href="#"
-                     class="text-base font-medium text-gray-900 hover:underline dark:text-white">{{ item.product.name }}</a>
+                  <a href="{% url 'web:product_detail' pk=item.product.pk slug=item.product.slug %}"
+                     class="text-base font-medium text-gray-900 hover:underline dark:text-white"
+                  >
+                    {{ item.product.name }}
+                  </a>
 
                   <div class="flex items-center gap-4">
-                    <button type="button"
-                            class="inline-flex items-center text-sm font-medium text-gray-500 hover:text-gray-900 hover:underline dark:text-gray-400 dark:hover:text-white">
-                      {% include 'components/icons/like.svg' %}
-                      {% translate 'Añadir a favoritos' %}
-                    </button>
-
                     <form class="flex" hx-post="{% url 'web:delete_cart_item' pk=item.pk %}"
                           hx-swap="none">
                       {% csrf_token %}

web/templates/components/cart/cart_navbar.html

@@ -27,7 +27,7 @@
 
     {% for cart_item in cart.items.all %}
       <div>
-        <a href="#"
+        <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">
           {{ cart_item.product.name }}
         </a>

web/templates/users/login.html

@@ -1,4 +1,5 @@
 {% extends 'theme/base.html' %}
+{% load i18n %}
 {% load web %}
 
 {% block main %}
@@ -14,7 +15,7 @@
         class="w-full bg-white rounded-lg shadow dark:border md:mt-0 sm:max-w-md xl:p-0 dark:bg-gray-800 dark:border-gray-700">
         <div class="p-6 space-y-4 md:space-y-6 sm:p-8">
           <h1 class="text-xl font-bold leading-tight tracking-tight text-gray-900 md:text-2xl dark:text-white">
-            Sign in to your account
+            {% translate 'Inicia sesión en tu cuenta' %}
           </h1>
           <form action="{% url 'web:login' %}" method="post">
             {% csrf_token %}
@@ -40,11 +41,11 @@
             {% endfor %}
             <button
               class="w-full text-white bg-primary-600 hover:bg-primary-700 focus:ring-4 focus:outline-none focus:ring-primary-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800">
-              Login
+              {% translate 'Iniciar sesión' %}
             </button>
-            <p class="text-sm font-light text-gray-500 dark:text-gray-400">
-              Don’t have an account yet?
-              <a href="#" class="font-medium text-primary-600 hover:underline dark:text-primary-500">Sign up</a>
+            <p class="text-sm font-light text-gray-500 mt-4 dark:text-gray-400">
+              {% translate '¿Aún no tienes cuenta?' %}
+              <a href="#" class="font-medium text-primary-600 hover:underline dark:text-primary-500">{% translate 'Regístrate aquí' %}</a>
             </p>
           </form>
         </div>