feat: improved styling

This commit is contained in:
2025-01-20 12:01:46 +01:00
parent df67125599
commit ad9b58cff1
4 changed files with 38 additions and 15 deletions
+7 -4
View File
@@ -16,10 +16,13 @@
<span class="flex justify-center mb-2 text-sm font-medium text-red-900 dark:text-red-400">{{ error }}</span>
{% endfor %}
<button class="text-white bg-primary-600 hover:bg-primary-700 focus:ring-4 focus:outline-none
<footer class="flex justify-end">
<button class="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"
>
{% translate 'Guardar' %}
</button>
>
{{ save_button_text }}
</button>
</footer>
</form>
+26 -11
View File
@@ -9,18 +9,33 @@
>
{% translate 'Mi cuenta' %}
</h2>
<div
class="mt-4 p-6 border border-gray-100 rounded-md dark:border-gray-600"
hx-get="{% url 'web:user_info_component' %}" hx-trigger="load, updated_user_info"
>
<div class="md:grid md:grid-cols-2 md:gap-4">
<section
class="p-6 border border-gray-100 rounded-md dark:border-gray-600"
</div>
<div
class="mt-4 p-6 border border-gray-100 rounded-md dark:border-gray-600"
hx-get="{% url 'web:change_password_component' %}" hx-trigger="load, changed_password"
>
>
<h2 class="mb-4 text-xl font-semibold text-gray-900 dark:text-white sm:text-2xl md:mb-6">
{% translate 'Datos de usuario' %}
</h2>
<div hx-get="{% url 'web:user_info_component' %}" hx-trigger="load, updated_user_info">
<div class="flex justify-center items-center">
{% include 'components/generic/spinner.html' %}
</div>
</div>
</section>
<section
class="p-6 border border-gray-100 rounded-md dark:border-gray-600 mt-4 md:mt-0"
>
<h2 class="mb-4 text-xl font-semibold text-gray-900 dark:text-white sm:text-2xl md:mb-6">
{% translate 'Contraseña' %}
</h2>
<div hx-get="{% url 'web:change_password_component' %}" hx-trigger="load, changed_password">
<div class="flex justify-center items-center">
{% include 'components/generic/spinner.html' %}
</div>
</div>
</section>
</div>
<div class="mt-4 p-6 border border-gray-100 rounded-md dark:border-gray-600">
@@ -45,4 +60,4 @@
</div>
</section>
{% endblock %}
{% endblock %}