feat: added new settings and styling

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>