Actualizar diseño de la sección de entrada y mejorar la descripción de la persona encargada en el layout

Ariel-GonzAguer · Ariel-GonzAguer · commit 11c966b24645 · 2025-09-13T18:19:16.000-06:00
diff --git a/coleccionHerramientas/UseState.mdx b/coleccionHerramientas/UseState.mdx
@@ -10,8 +10,6 @@ framework: React
 
 import UseState from '../src/components/React/UseState';
 
-# useState en React
-
 `useState` es un hook fundamental en React que permite a los componentes funcionales tener y gestionar su propio estado. Antes de los hooks, solo los componentes de clase podían tener estado, pero con `useState`, los componentes funcionales también pueden hacerlo de manera sencilla.
 
 ## Importación
diff --git a/src/layouts/Entrada.astro b/src/layouts/Entrada.astro
@@ -11,14 +11,14 @@ import Layout from './Layout.astro';
   </head>
   <body>
     <Layout>
-      <section class="max-w-3xl mx-auto p-4">
-        <h1>{frontmatter?.titulo}</h1>
+      <section class="p-4 flex flex-col justify-center items-center gap-2 text-balance text-center ">
+        <h1 class="text-3xl font-bold">{frontmatter?.titulo}</h1>
         <p><strong>Herramienta:</strong> {frontmatter?.herramienta}</p>
         <p><strong>Framework:</strong> {frontmatter?.framework}</p>
         {
           frontmatter?.personaEncargada && (
             <p>
-              <strong>Encargado:</strong> {frontmatter.personaEncargada}
+              <strong>Persona Encargada:</strong> {frontmatter.personaEncargada}
             </p>
           )
         }

Original file line number	Diff line number	Diff line change
`@@ -11,14 +11,14 @@ import Layout from './Layout.astro';`
`11`	`11`	`</head>`
`12`	`12`	`<body>`
`13`	`13`	`<Layout>`
`14`		`- <section class="max-w-3xl mx-auto p-4">`
`15`		`- <h1>{frontmatter?.titulo}</h1>`
	`14`	`+ <section class="p-4 flex flex-col justify-center items-center gap-2 text-balance text-center ">`
	`15`	`+ <h1 class="text-3xl font-bold">{frontmatter?.titulo}</h1>`
`16`	`16`	`<p><strong>Herramienta:</strong> {frontmatter?.herramienta}</p>`
`17`	`17`	`<p><strong>Framework:</strong> {frontmatter?.framework}</p>`
`18`	`18`	`{`
`19`	`19`	`frontmatter?.personaEncargada && (`
`20`	`20`	`<p>`
`21`		`- <strong>Encargado:</strong> {frontmatter.personaEncargada}`
	`21`	`+ <strong>Persona Encargada:</strong> {frontmatter.personaEncargada}`
`22`	`22`	`</p>`
`23`	`23`	`)`
`24`	`24`	`}`