Files
web/configuracion.html

34 lines
1.7 KiB
HTML

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Configuración - IntegraRepara</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://unpkg.com/lucide@latest"></script>
<style>.fade-in { animation: fadeIn 0.5s ease-in-out; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }</style>
</head>
<body class="bg-gray-50 text-gray-800 font-sans antialiased">
<div class="flex h-screen overflow-hidden">
<div id="sidebar-container" class="h-full"></div>
<div class="flex-1 flex flex-col overflow-hidden relative">
<div id="header-container"></div>
<main class="flex-1 overflow-x-hidden overflow-y-auto bg-gray-50 p-8 fade-in">
<h2 class="text-2xl font-bold text-gray-800 mb-8">Configuración General</h2>
<div class="bg-white p-12 rounded-xl shadow-sm border border-gray-100 text-center">
<div class="inline-flex p-4 bg-gray-100 rounded-full mb-4 text-gray-400">
<i data-lucide="settings" class="w-8 h-8"></i>
</div>
<h3 class="text-lg font-bold text-gray-800">Ajustes Generales</h3>
<p class="text-gray-500 mt-2">Próximamente aquí podrás configurar facturación, notificaciones y más.</p>
<p class="text-sm text-blue-600 mt-4 font-medium">La gestión de usuarios y gremios se ha movido al menú "Usuarios".</p>
</div>
</main>
</div>
</div>
<script src="js/layout.js"></script>
</body>
</html>