se agregaron textos y cambio de orden de componentes
This commit is contained in:
+36
-10
@@ -112,7 +112,37 @@ export default function Dashboard() {
|
||||
return (
|
||||
<main>
|
||||
<div className="flex gap-4 flex-wrap mb-6">
|
||||
<h2 className="text-xl font-semibold mb-4">Fuentes</h2>
|
||||
|
||||
<h2 className="text-xl font-semibold mt-5 mb-5">Descarga de Datos</h2>
|
||||
|
||||
|
||||
<h5 className="!text-[32px] text-gray-700 leading-tight mb-3">
|
||||
1. Descarga el archivo.
|
||||
|
||||
</h5>
|
||||
|
||||
|
||||
<Button
|
||||
onClick={handleDownload}
|
||||
disabled={descargando}
|
||||
className="mb-4, mt-3"
|
||||
variant="azul"
|
||||
>
|
||||
{descargando ? "Descargando..." : "Descarga Base de Datos"}
|
||||
</Button>
|
||||
|
||||
|
||||
|
||||
<h2 className="text-xl font-semibold mb-4, mt-4">Fuentes</h2>
|
||||
<h5 className="text-xs !text-gray-700 leading-tight mb-4">
|
||||
2. Alimenta la BD del servicio asigando a este perfil.
|
||||
|
||||
</h5>
|
||||
|
||||
<h5 className="text-xs !text-gray-700 leading-tight mb-4">
|
||||
3. Selecciona este botón al haber concluido el paso anterior.
|
||||
</h5>
|
||||
|
||||
<div
|
||||
style={{
|
||||
display: "flex",
|
||||
@@ -148,15 +178,11 @@ export default function Dashboard() {
|
||||
</>
|
||||
)}
|
||||
|
||||
<h2 className="text-xl font-semibold mt-5 mb-4">Descarga de Datos</h2>
|
||||
<Button
|
||||
onClick={handleDownload}
|
||||
disabled={descargando}
|
||||
className="mb-3"
|
||||
variant="azul"
|
||||
>
|
||||
{descargando ? "Descargando..." : "Descarga Base de Datos"}
|
||||
</Button>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</main>
|
||||
);
|
||||
|
||||
@@ -7,8 +7,8 @@
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: "Segoe UI", sans-serif;
|
||||
/* background: radial-gradient(circle at center, #f8f4ff, hsl(218, 45%, 37%)); */
|
||||
background: radial-gradient(circle at center, #f8f4ff, #d5a00f65);
|
||||
background: radial-gradient(circle at center, #f8f4ff, hsl(218, 45%, 37%));
|
||||
/* background: radial-gradient(circle at center, #f8f4ff, #d5a00f65); */
|
||||
|
||||
color: #1a1a1a;
|
||||
text-align: center;
|
||||
|
||||
Reference in New Issue
Block a user