fixed size

This commit is contained in:
2026-03-03 17:36:06 -06:00
parent 1de700902a
commit c69aa009b7
8 changed files with 63 additions and 40 deletions
+6 -1
View File
@@ -63,10 +63,15 @@
background-repeat: no-repeat; background-repeat: no-repeat;
} }
@media(max-height:550px) { @media(max-height:800px) {
.addTime { .addTime {
margin-top: 0.5rem; margin-top: 0.5rem;
padding: 0.5rem; padding: 0.5rem;
max-width: 320px;
}
.firstPartInformationTime {
max-width: 320px;
} }
} }
+7 -2
View File
@@ -3,7 +3,7 @@
top: 0; top: 0;
background-color: #ffffff; background-color: #ffffff;
width: 100%; width: 100%;
max-width: 700px; max-width: 600px;
border-radius: 4px; border-radius: 4px;
padding: 1rem; padding: 1rem;
margin-top: 1rem; margin-top: 1rem;
@@ -28,8 +28,13 @@
height: fit-content; height: fit-content;
} }
@media(max-height:550px) { @media(max-height:800px) {
.firstPartInformation {
max-width: 320px;
}
.inscripcion { .inscripcion {
max-width: 400px;
padding: 0.5rem; padding: 0.5rem;
margin-top: 0.5rem; margin-top: 0.5rem;
} }
@@ -15,7 +15,7 @@ export default function Information(props: InformationProps) {
{entries.map(([key, value]) => ( {entries.map(([key, value]) => (
<li key={key} className="informationItem"> <li key={key} className="informationItem">
<span className="informationKey">{key}</span> <span className="informationKey">{key}</span>
<span className="informationValue">{value}</span> <span className={`informationValue ${key}`}>{value}</span>
</li> </li>
))} ))}
</ul> </ul>
+3 -1
View File
@@ -44,9 +44,11 @@
margin-right: 6px; margin-right: 6px;
vertical-align: middle; vertical-align: middle;
} }
@media(max-height:550px) {
@media(max-height:800px) {
.tableContainer { .tableContainer {
margin-top: 1.5rem; margin-top: 1.5rem;
max-width: 320px;
} }
} }
@@ -172,6 +172,7 @@ tbody {
position: absolute; position: absolute;
top: 76px; top: 76px;
left: 0; left: 0;
top: 100%;
width: 100%; width: 100%;
background-color: #fff; background-color: #fff;
flex-direction: column; flex-direction: column;
+31 -6
View File
@@ -362,8 +362,13 @@ a {
} }
.informationValue { .informationValue {
color: #555; color: #000000;
font-size: 1.25rem; font-size: 1.5rem;
}
.Credito {
font-weight: bold;
font-size: 2rem;
} }
.title { .title {
@@ -399,7 +404,7 @@ form {
.toggleSection { .toggleSection {
width: 100%; width: 100%;
max-width: fit-content; max-width: fit-content;
min-width: 750px; min-width: 600px;
border-radius: 4px; border-radius: 4px;
background-color: #fff; background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
@@ -496,7 +501,7 @@ thead tr {
background-color: #2563eb; background-color: #2563eb;
position: relative; position: relative;
z-index: 1; z-index: 1;
} }
tbody tr { tbody tr {
transition: transform 0.3s ease, opacity 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease;
@@ -677,7 +682,7 @@ table td:last-child {
} }
.informationValue { .informationValue {
font-size: 1rem; font-size: 1.01rem;
} }
.informationItem { .informationItem {
@@ -687,7 +692,6 @@ table td:last-child {
input, input,
select { select {
padding: 0.5rem; padding: 0.5rem;
font-size: 1.3rem;
height: 3rem; height: 3rem;
} }
@@ -727,6 +731,27 @@ table td:last-child {
height: 30px; height: 30px;
} }
.information {
max-width: 320px;
}
.containerForm {
max-width: 320px;
}
.Credito {
font-size: 1.5rem;
}
table th,
table td {
padding: 0.65rem 1rem;
}
.toggleSection {
min-width: 570px;
}
} }
@media (max-height: 960px) { @media (max-height: 960px) {
+8 -5
View File
@@ -9,11 +9,14 @@ import "./globals.css";
const inter = Inter({ subsets: ["latin"], weight: ["400", "700"] }); const inter = Inter({ subsets: ["latin"], weight: ["400", "700"] });
export const metadata: Metadata = { export const metadata: Metadata = {
title: "Servicio AT", title: {
default: "Servicio AT",
template: "Servicio AT | %s",
},
description: "Servicio de administracion de la FES Acatlan", description: "Servicio de administracion de la FES Acatlan",
authors: [{ name: "FES Acatlán" }], authors: [{ name: "FES Acatlán" }],
creator: "Lino,Carlos,Axel", creator: "Lino,Carlos,Axel",
icons: { icons: {
icon: "/icon.svg", icon: "/icon.svg",
}, },
}; };
@@ -26,9 +29,9 @@ export default function RootLayout({
return ( return (
<html lang="es"> <html lang="es">
<body className={inter.className} suppressHydrationWarning> <body className={inter.className} suppressHydrationWarning>
<Header /> <Header />
<main>{children}</main> <main>{children}</main>
<Footer /> <Footer />
</body> </body>
</html> </html>
); );
+6 -24
View File
@@ -693,7 +693,6 @@
"version": "2.5.6", "version": "2.5.6",
"resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.6.tgz", "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.6.tgz",
"integrity": "sha512-tmmZ3lQxAe/k/+rNnXQRawJ4NjxO2hqiOLTHvWchtGZULp4RyFeh6aU4XdOYBFe2KE1oShQTv4AblOs2iOrNnQ==", "integrity": "sha512-tmmZ3lQxAe/k/+rNnXQRawJ4NjxO2hqiOLTHvWchtGZULp4RyFeh6aU4XdOYBFe2KE1oShQTv4AblOs2iOrNnQ==",
"dev": true,
"hasInstallScript": true, "hasInstallScript": true,
"license": "MIT", "license": "MIT",
"optional": true, "optional": true,
@@ -733,7 +732,6 @@
"cpu": [ "cpu": [
"arm64" "arm64"
], ],
"dev": true,
"license": "MIT", "license": "MIT",
"optional": true, "optional": true,
"os": [ "os": [
@@ -754,7 +752,6 @@
"cpu": [ "cpu": [
"arm64" "arm64"
], ],
"dev": true,
"license": "MIT", "license": "MIT",
"optional": true, "optional": true,
"os": [ "os": [
@@ -775,7 +772,6 @@
"cpu": [ "cpu": [
"x64" "x64"
], ],
"dev": true,
"license": "MIT", "license": "MIT",
"optional": true, "optional": true,
"os": [ "os": [
@@ -796,7 +792,6 @@
"cpu": [ "cpu": [
"x64" "x64"
], ],
"dev": true,
"license": "MIT", "license": "MIT",
"optional": true, "optional": true,
"os": [ "os": [
@@ -817,7 +812,6 @@
"cpu": [ "cpu": [
"arm" "arm"
], ],
"dev": true,
"license": "MIT", "license": "MIT",
"optional": true, "optional": true,
"os": [ "os": [
@@ -838,7 +832,6 @@
"cpu": [ "cpu": [
"arm" "arm"
], ],
"dev": true,
"license": "MIT", "license": "MIT",
"optional": true, "optional": true,
"os": [ "os": [
@@ -859,7 +852,6 @@
"cpu": [ "cpu": [
"arm64" "arm64"
], ],
"dev": true,
"license": "MIT", "license": "MIT",
"optional": true, "optional": true,
"os": [ "os": [
@@ -880,7 +872,6 @@
"cpu": [ "cpu": [
"arm64" "arm64"
], ],
"dev": true,
"license": "MIT", "license": "MIT",
"optional": true, "optional": true,
"os": [ "os": [
@@ -901,7 +892,6 @@
"cpu": [ "cpu": [
"x64" "x64"
], ],
"dev": true,
"license": "MIT", "license": "MIT",
"optional": true, "optional": true,
"os": [ "os": [
@@ -922,7 +912,6 @@
"cpu": [ "cpu": [
"x64" "x64"
], ],
"dev": true,
"license": "MIT", "license": "MIT",
"optional": true, "optional": true,
"os": [ "os": [
@@ -943,7 +932,6 @@
"cpu": [ "cpu": [
"arm64" "arm64"
], ],
"dev": true,
"license": "MIT", "license": "MIT",
"optional": true, "optional": true,
"os": [ "os": [
@@ -964,7 +952,6 @@
"cpu": [ "cpu": [
"ia32" "ia32"
], ],
"dev": true,
"license": "MIT", "license": "MIT",
"optional": true, "optional": true,
"os": [ "os": [
@@ -985,7 +972,6 @@
"cpu": [ "cpu": [
"x64" "x64"
], ],
"dev": true,
"license": "MIT", "license": "MIT",
"optional": true, "optional": true,
"os": [ "os": [
@@ -1855,7 +1841,6 @@
"version": "2.1.1", "version": "2.1.1",
"resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
"integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==", "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
"dev": true,
"license": "MIT", "license": "MIT",
"optional": true, "optional": true,
"engines": { "engines": {
@@ -1866,7 +1851,6 @@
"version": "4.0.3", "version": "4.0.3",
"resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
"integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
"dev": true,
"license": "MIT", "license": "MIT",
"optional": true, "optional": true,
"dependencies": { "dependencies": {
@@ -2109,9 +2093,9 @@
} }
}, },
"node_modules/minimatch": { "node_modules/minimatch": {
"version": "3.1.2", "version": "3.1.5",
"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
"integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
"license": "ISC", "license": "ISC",
"dependencies": { "dependencies": {
"brace-expansion": "^1.1.7" "brace-expansion": "^1.1.7"
@@ -2216,7 +2200,6 @@
"version": "7.1.1", "version": "7.1.1",
"resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz", "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz",
"integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==", "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==",
"dev": true,
"license": "MIT", "license": "MIT",
"optional": true "optional": true
}, },
@@ -2263,7 +2246,6 @@
"version": "4.0.3", "version": "4.0.3",
"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz", "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
"integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==", "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
"dev": true,
"license": "MIT", "license": "MIT",
"optional": true, "optional": true,
"engines": { "engines": {
@@ -2389,9 +2371,9 @@
} }
}, },
"node_modules/readdir-glob/node_modules/minimatch": { "node_modules/readdir-glob/node_modules/minimatch": {
"version": "5.1.6", "version": "5.1.9",
"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz", "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.9.tgz",
"integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==", "integrity": "sha512-7o1wEA2RyMP7Iu7GNba9vc0RWWGACJOCZBJX2GJWip0ikV+wcOsgVuY9uE8CPiyQhkGFSlhuSkZPavN7u1c2Fw==",
"license": "ISC", "license": "ISC",
"dependencies": { "dependencies": {
"brace-expansion": "^2.0.1" "brace-expansion": "^2.0.1"