JKuijperM
3d47f8bd90
Cuatro paginas tenian su titulo en <h2> sin ningun <h1> encima: el formulario de categoria, ajustes, el login y la ayuda de contrasena. Y el listado de categorias si tenia <h1>, pero colgaba de el dos <h3>, saltandose el nivel intermedio. Sube los titulos de pagina a <h1> y los subtitulos al nivel que les toca: las dos secciones del listado de categorias a <h2> y las tres tarjetas de ajustes a <h2>. El selector .settings-card h3 pasa a h2 para seguirlas y mantener su margin: 0 0 0.25rem, que es lo que evita que el titulo abra hueco dentro de la tarjeta. En login y ayuda de contrasena el <h1> ademas importa para el layout: .auth-container tiene padding: 2rem, y el padding impide que colapse el margen superior del primer hijo. Con la escala que viene despues, un <h2> ahi sumaria su margen a ese padding y dejaria el titulo a 56px del borde; el <h1> no lleva margen superior. Verificado renderizando las 36 vistas: todas con un solo h1 y sin saltos de nivel. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
29 lines
696 B
HTML
29 lines
696 B
HTML
{% extends "expenses/base.html" %}
|
|
|
|
{% block title %}
|
|
Configuración
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
<h1>Configuración</h1>
|
|
|
|
<p>Gestiona las categorías, etiquetas y objetivos de tu cuenta</p>
|
|
|
|
<div class="settings-grid">
|
|
<a class="settings-card" href="{% url 'category_list' %}">
|
|
<h2>Categorías</h2>
|
|
<p>Organiza tus gastos por tipo.</p>
|
|
</a>
|
|
|
|
<a class="settings-card" href="{% url 'tag_list' %}">
|
|
<h2>Etiquetas</h2>
|
|
<p>Añade etiquetas libres a tus gastos.</p>
|
|
</a>
|
|
|
|
<a class="settings-card" href="{% url 'goal_list' %}">
|
|
<h2>Objetivos</h2>
|
|
<p>Define y controla tus metas de gasto.</p>
|
|
</a>
|
|
</div>
|
|
|
|
{% endblock %} |