From b38d056ab96a0ed81a03b041caea5909efeff3a8 Mon Sep 17 00:00:00 2001 From: IO420 <320154041@pcpuma.acatlan.unam.mx> Date: Mon, 8 Sep 2025 20:12:11 -0400 Subject: [PATCH] fixing little styles --- app/Alta/page.tsx | 6 ++-- app/Components/Header/Header.module.css | 2 +- app/globals.css | 40 +++++++++++++------------ 3 files changed, 25 insertions(+), 23 deletions(-) diff --git a/app/Alta/page.tsx b/app/Alta/page.tsx index d80d316..e87c502 100644 --- a/app/Alta/page.tsx +++ b/app/Alta/page.tsx @@ -36,7 +36,7 @@ export default function Page() { type='text' //value={user} //onChange={(e) => setUser(e.target.value)} - placeholder='Coloca ' + placeholder='Coloca el nombre' /> @@ -44,7 +44,7 @@ export default function Page() { type='text' //value={user} //onChange={(e) => setUser(e.target.value)} - placeholder='Coloca ' + placeholder='Coloca el apellido paterno' /> @@ -52,7 +52,7 @@ export default function Page() { type='text' //value={user} //onChange={(e) => setUser(e.target.value)} - placeholder='Coloca ' + placeholder='Coloca el apellido materno' />
diff --git a/app/Components/Header/Header.module.css b/app/Components/Header/Header.module.css index a32f2f2..4f27880 100644 --- a/app/Components/Header/Header.module.css +++ b/app/Components/Header/Header.module.css @@ -25,7 +25,7 @@ content: ""; top: 0; left: -20px; - width: 60%; + width: 50%; height: 100%; min-width: 300px; background: #d59f0f; diff --git a/app/globals.css b/app/globals.css index 41a8f74..3db7098 100644 --- a/app/globals.css +++ b/app/globals.css @@ -22,6 +22,7 @@ body { grid-template-rows: auto auto 1fr auto; min-height: 100dvh; width: 100dvw; + overflow: hidden; } header { @@ -75,6 +76,7 @@ footer { padding: 10px; background-color: rgba(0, 61, 121, 1); z-index: 0; + overflow: hidden; } footer p { @@ -319,34 +321,34 @@ table { table th, table td { - padding: 10px; - text-align: center; - border-bottom: 1px solid #cfcfcf; - word-wrap: break-word; - overflow-wrap: break-word; + padding: 10px; + text-align: center; + border-bottom: 1px solid #cfcfcf; + word-wrap: break-word; + overflow-wrap: break-word; } table th { - position: sticky; - top: 0px; - background-color: rgb(1, 92, 184); - color: white; + position: sticky; + top: 0px; + background-color: rgb(1, 92, 184); + color: white; } table tr { - min-width: 400px; + min-width: 400px; } .tableContainer { - margin-top: 10px; - overflow-y: auto; - overflow-x: auto; - border-radius: 4px; - border: 1px solid #cfcfcf; - max-height: 430px; - scrollbar-color: rgb(1, 92, 184) rgba(0, 0, 0, 0); - background-color: #f9f9f9; - width: 100%; + margin-top: 10px; + overflow-y: auto; + overflow-x: auto; + border-radius: 4px; + border: 1px solid #cfcfcf; + max-height: 430px; + scrollbar-color: rgb(1, 92, 184) rgba(0, 0, 0, 0); + background-color: #f9f9f9; + width: 100%; } .centerGrid {