Fix: auth en NGINX, Tailwind local, soporte teclado y layout desktop

- Auth movida a NGINX (Basic Auth en htpasswd) para que fetch() del browser
  incluya credenciales automáticamente — resuelve categorías sin cargar y POST fallido
- Tailwind CDN descargado al build del Docker y servido localmente — elimina
  dependencia externa en cada carga de página
- Soporte de teclado físico en add.html (números, punto/coma, Backspace, Enter)
- Layout centrado en desktop con max-w-md mx-auto en las tres páginas
- Eliminada imagen decorativa externa y links de fonts duplicados

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Ricardo Monla
2026-06-03 16:19:37 -03:00
co-authored by Claude Sonnet 4.6
parent 1db200343d
commit 1244235820
10 changed files with 73 additions and 36 deletions
+4 -2
View File
@@ -4,7 +4,7 @@
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<title>Historial - Quiet Wealth</title>
<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
<script src="js/tailwind.cdn.js"></script>
<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap" rel="stylesheet"/>
<script id="tailwind-config">
@@ -82,6 +82,7 @@
</style>
</head>
<body class="bg-background text-on-background min-h-screen pb-24">
<div class="max-w-md mx-auto relative">
<!-- Header -->
<header class="bg-[#f8faf9] sticky top-0 z-40 px-6 py-4 flex items-center gap-4">
@@ -108,13 +109,14 @@
</main>
<!-- FAB agregar -->
<div class="fixed bottom-6 right-6 z-50">
<div class="fixed bottom-6 right-6 z-50 md:right-[calc(50%-176px)]">
<button onclick="window.location.href='add.html'"
class="w-14 h-14 bg-primary text-white rounded-2xl shadow-lg shadow-primary/30 flex items-center justify-center active:scale-90 transition-transform">
<span class="material-symbols-outlined">add</span>
</button>
</div>
</div>
<script src="js/ui.js"></script>
<script src="js/historial.js"></script>
</body>