From 73bbe6a52a22d76e72e1a3516c11f8fa7ea8c743 Mon Sep 17 00:00:00 2001 From: IO420 Date: Sun, 21 Sep 2025 00:07:55 -0600 Subject: [PATCH 1/3] new style --- app/(private)/AgregarTiempo/page.tsx | 9 +- app/Components/AlertBox/AlertBox.css | 2 +- .../BarNavigation/BarNavigation.css | 230 +++++++++--------- .../BarNavigation/BarNavigation.tsx | 4 +- app/Components/Logout/Logout.css | 2 +- app/Routes/LoginRedirect.tsx | 20 +- app/Routes/PrivateRoute.tsx | 2 +- app/globals.css | 20 +- app/layout.tsx | 2 +- app/page.tsx | 2 +- middleware.ts | 18 +- 11 files changed, 152 insertions(+), 159 deletions(-) diff --git a/app/(private)/AgregarTiempo/page.tsx b/app/(private)/AgregarTiempo/page.tsx index c7a081d..d2e84ef 100644 --- a/app/(private)/AgregarTiempo/page.tsx +++ b/app/(private)/AgregarTiempo/page.tsx @@ -7,10 +7,9 @@ import "./addTime.css"; export default async function Page({ searchParams }: any) { - const numAccount = searchParams?.numAccount - ? Number(searchParams.numAccount) - : null; - + const params =await searchParams; + const numAccount = params.numAccount ? Number(params.numAccount) : null; + let student: any = null; if (numAccount) { student = await GetStudent(numAccount); @@ -27,7 +26,7 @@ export default async function Page({ searchParams }: any) {
- +
) : ( diff --git a/app/Components/AlertBox/AlertBox.css b/app/Components/AlertBox/AlertBox.css index 866d28f..f33818d 100644 --- a/app/Components/AlertBox/AlertBox.css +++ b/app/Components/AlertBox/AlertBox.css @@ -4,7 +4,7 @@ padding: 0.5rem 1.25rem; border-radius: 0 4px 4px 0; font-weight: bold; - font-size: 1.5rem; + font-size: 2rem; text-align: center; opacity: 1; z-index: 100; diff --git a/app/Components/BarNavigation/BarNavigation.css b/app/Components/BarNavigation/BarNavigation.css index 63c86ec..38de740 100644 --- a/app/Components/BarNavigation/BarNavigation.css +++ b/app/Components/BarNavigation/BarNavigation.css @@ -1,173 +1,173 @@ .barNavigation { - text-align: center; - background-color: rgb(1, 92, 184); - padding: 0 20px; - display: flex; - width: 100%; - top: 0; - min-height: 40px; + text-align: center; + background-color: rgb(1, 92, 184); + padding: 0 20px; + display: flex; + width: 100%; + top: 0; + min-height: 40px; } .barNavigation ul { - display: flex; - justify-content: space-around; - width: 100%; + display: flex; + justify-content: space-around; + width: 100%; } .barNavigation li { - transition: all 0.3s ease; - cursor: pointer; - color: white; - font-weight: bold; - width: 100%; - transition: background-color 0.3s ease; + transition: all 0.3s ease; + cursor: pointer; + color: white; + font-weight: bold; + width: 100%; + transition: background-color 0.3s ease; + font-size: 2rem; } .barNavigation li:hover { - background-color: #d59f0f; + background-color: #d59f0f; } .barNavigation ul.active { - display: flex; - width: 100%; + display: flex; + width: 100%; } .menuToggle { - display: none; - flex-direction: column; - align-items: center; - gap: 4px; - cursor: pointer; - padding: 10px; - margin-right: 10px; + display: none; + flex-direction: column; + align-items: center; + gap: 4px; + cursor: pointer; + padding: 10px; + margin-right: 10px; } .menuToggle div { - width: 25px; - height: 3px; - background-color: white; - border-radius: 4px; + width: 25px; + height: 3px; + background-color: white; + border-radius: 4px; } .subMenu { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - width: 100%; - gap: 10px; - position: relative; - z-index: 1; - border-radius: 4px 4px 0 0; - padding: 5px 0; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + width: 100%; + gap: 10px; + position: relative; + z-index: 1; + border-radius: 4px 4px 0 0; } .subMenu ul { - display: none; - position: absolute; - flex-direction: column; - top: 100%; - width: 100%; - background-color: rgba(0, 61, 121, 1); - transition: color 0.3s ease, opacity 0.3s ease; + display: none; + position: absolute; + flex-direction: column; + top: 100%; + width: 100%; + background-color: rgba(0, 61, 121, 1); + transition: color 0.3s ease, opacity 0.3s ease; } .subMenu.open ul { - display: flex; - color: rgba(0, 61, 121, 1); + display: flex; + color: rgba(0, 61, 121, 1); } .subMenu ul:hover { - color: #5b8cc9; + color: #5b8cc9; } .subMenu:hover ul { - display: flex; + display: flex; } .subMenu li { - padding: 10px 0; + padding: 10px 0; } .subMenu span { - display: flex; - width: 100%; - height: 100%; - align-items: center; - justify-content: center; - color: rgb(255, 255, 255); - font-size: 1.5rem; + display: flex; + width: 100%; + height: 100%; + align-items: center; + justify-content: center; + color: rgb(255, 255, 255); + font-size: 2rem; } .containerLinks { - padding: 0 !important; - border-radius: 0 0 4px 4px; + padding: 0 !important; + border-radius: 0 0 4px 4px; } .links { - display: flex; - justify-content: center; - align-items: center; - color: white; - width: 100%; - height: 100%; - font-size: 1.5rem; + display: flex; + justify-content: center; + align-items: center; + color: white; + width: 100%; + height: 100%; + font-size: 1.5rem; } -thead,tbody{ - font-size: 1.25rem; +thead, +tbody { + font-size: 1.25rem; } @media (max-width: 800px) { + .menuToggle { + display: flex; + position: relative; + align-items: end; + transition: transform 0.3s ease; + } - .menuToggle { - display: flex; - position: relative; - align-items: end; - transition: transform 0.3s ease; - } + .menuToggle.center { + align-items: center; + margin: 0; + } - .menuToggle.center { - align-items: center; - margin: 0; - } + .barNavigation { + font-size: 15px; + display: block; + } - .barNavigation { - font-size: 15px; - display: block; - } + .barNavigation ul { + position: absolute; + background-color: rgb(1, 92, 184); + flex-direction: column; + padding: 10px 0; + align-items: center; + display: none; + z-index: 1; + height: auto; + } - .barNavigation ul { - position: absolute; - background-color: rgb(1, 92, 184); - flex-direction: column; - padding: 10px 0; - align-items: center; - display: none; - z-index: 1; - height: auto; - } + .barNavigation { + padding: 0; + } - .barNavigation { - padding: 0; - } + .barNavigation li:hover { + background-color: #d59f0f; + color: white; + border-radius: 0; + border: none; + } - .barNavigation li:hover { - background-color: #d59f0f; - color: white; - border-radius: 0; - border: none; - } + .subMenu ul { + width: 90%; + border-radius: 4px; + position: relative; + background-color: rgba(0, 61, 121, 1); + } - .subMenu ul { - width: 90%; - border-radius: 4px; - position: relative; - background-color: rgba(0, 61, 121, 1); - } - - thead,tbody{ - font-size: 1rem; - } - -} \ No newline at end of file + thead, + tbody { + font-size: 1rem; + } +} diff --git a/app/Components/BarNavigation/BarNavigation.tsx b/app/Components/BarNavigation/BarNavigation.tsx index 0066584..ad4ac0e 100644 --- a/app/Components/BarNavigation/BarNavigation.tsx +++ b/app/Components/BarNavigation/BarNavigation.tsx @@ -90,12 +90,12 @@ function BarNavigation() {
  • - Quitar sancion + Quitar sancion
  • - Cambiar contraseña + Cambiar contraseña
    • diff --git a/app/Components/Logout/Logout.css b/app/Components/Logout/Logout.css index 44f2c9a..98fc11a 100644 --- a/app/Components/Logout/Logout.css +++ b/app/Components/Logout/Logout.css @@ -14,7 +14,7 @@ @media (max-width: 800px) { .button-logout { color: transparent; - padding: 1.5rem; + padding: 2rem; font-size: 0px; top: 15px; } diff --git a/app/Routes/LoginRedirect.tsx b/app/Routes/LoginRedirect.tsx index f1daf17..80df000 100644 --- a/app/Routes/LoginRedirect.tsx +++ b/app/Routes/LoginRedirect.tsx @@ -5,17 +5,17 @@ import { useRouter } from "next/navigation"; import { useEffect } from "react"; export const LoginRedirect = ({ children }: { children: React.ReactNode }) => { - const { loading, authenticated } = useAuth(); - const router = useRouter(); + const { loading, authenticated } = useAuth(); + const router = useRouter(); - useEffect(() => { - if (!loading && authenticated) { - router.push("/Impresiones"); - } - }, [loading, authenticated, router]); + useEffect(() => { + if (!loading && authenticated) { + router.push("/Impresiones"); + } + }, [loading, authenticated, router]); - if (loading) return

    Cargando...

    ; + if (loading) return

    Cargando...

    ; - return !authenticated ? <>{children} : null; + return !authenticated ? <>{children} : null; }; -//IO \ No newline at end of file +//IO diff --git a/app/Routes/PrivateRoute.tsx b/app/Routes/PrivateRoute.tsx index a3c679a..8342c1c 100644 --- a/app/Routes/PrivateRoute.tsx +++ b/app/Routes/PrivateRoute.tsx @@ -18,4 +18,4 @@ export const PrivateRoute = ({ children }: { children: React.ReactNode }) => { return authenticated ? <>{children} : null; }; -//IO \ No newline at end of file +//IO diff --git a/app/globals.css b/app/globals.css index 7eee956..86aef13 100644 --- a/app/globals.css +++ b/app/globals.css @@ -153,18 +153,18 @@ select { border: 1px solid #cfcfcf; background-color: #fff; border-radius: 4px; - font-size: 1.5rem; + font-size: 2rem; color: black; } label { - font-size: 1.5rem; + font-size: 2rem; font-weight: bold; display: block; } button { - font-size: 1.5rem; + font-size: 2rem; padding: 1rem 1.75rem; border-radius: 4px; cursor: pointer; @@ -252,7 +252,7 @@ a { top: 0; left: 0; width: 100%; - font-size: 2.5rem; + font-size: 3rem; font-weight: bold; text-align: start; border-bottom: 1px solid #cfcfcf; @@ -369,6 +369,16 @@ table tr { text-align: start; } +.loginContainer { + position: relative; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + height: 100%; + width: 100%; +} + @media (max-width: 1300px) { .container { width: 100%; @@ -436,7 +446,7 @@ table tr { footer p { font-size: 1.2rem; -} + } } @media (max-height: 960px) { diff --git a/app/layout.tsx b/app/layout.tsx index 2d12ac2..861eace 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -26,7 +26,7 @@ export default function RootLayout({ }>) { return ( - +
    {children} diff --git a/app/page.tsx b/app/page.tsx index 09d452b..77be5b0 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -3,7 +3,7 @@ import { LoginRedirect } from "./Routes/LoginRedirect"; export default function Home() { return ( -
    +
    diff --git a/middleware.ts b/middleware.ts index 4f554d5..3789498 100644 --- a/middleware.ts +++ b/middleware.ts @@ -13,22 +13,6 @@ export function middleware(request: NextRequest) { } export const config = { - matcher: [ - "/Reportes", - "/Monitor", - "/QuitarSancion", - "/Programas", - "/Mensajes", - "/Inscritos", - "/Inscripciones", - "/InformacionEquipo", - "/Impresiones", - "/CambiarPass", - "/BitacoraSanciones", - "/AsignacionMesas", - "/AsignacionEquipo", - "/Alta", - "/AgregarTiempo", - "/ActivosMantenimiento"], + matcher: [] }; //IO From 079ba1509972b3fb3672be073961ed452d6ac89e Mon Sep 17 00:00:00 2001 From: IO420 Date: Mon, 22 Sep 2025 05:27:32 -0600 Subject: [PATCH 2/3] fixed searchParams --- app/(private)/AgregarTiempo/page.tsx | 10 +++++++--- app/(private)/BitacoraSanciones/page.tsx | 9 +++++++-- app/(private)/Impresiones/page.tsx | 12 ++++++++---- app/(private)/Inscripciones/page.tsx | 16 +++++++++++----- 4 files changed, 33 insertions(+), 14 deletions(-) diff --git a/app/(private)/AgregarTiempo/page.tsx b/app/(private)/AgregarTiempo/page.tsx index d2e84ef..e74906e 100644 --- a/app/(private)/AgregarTiempo/page.tsx +++ b/app/(private)/AgregarTiempo/page.tsx @@ -5,10 +5,14 @@ import { GetStudent } from "@/app/lib/getStudent"; import "./addTime.css"; -export default async function Page({ searchParams }: any) { +export default async function Page(props:{ + searchParams?: Promise<{ + numAcount:string; + }> +}) { - const params =await searchParams; - const numAccount = params.numAccount ? Number(params.numAccount) : null; + const params =await props.searchParams; + const numAccount = params?.numAcount ? parseInt(params.numAcount) : null; let student: any = null; if (numAccount) { diff --git a/app/(private)/BitacoraSanciones/page.tsx b/app/(private)/BitacoraSanciones/page.tsx index 66b5906..133d7c9 100644 --- a/app/(private)/BitacoraSanciones/page.tsx +++ b/app/(private)/BitacoraSanciones/page.tsx @@ -8,8 +8,13 @@ import Information from "@/app/Components/Information/information"; import SearchUser from "@/app/Components/SearchUser/searchUser"; import { GetStudent } from "@/app/lib/getStudent"; -export default function Page({ searchParams }: any) { - const params = searchParams; +export default async function Page(props:{ + searchParams?: Promise<{ + numAcount:string; + }> +}) { + const params =await props.searchParams; + const numAccount = params?.numAcount ? parseInt(params.numAcount) : null; let student: any = null; let error: string | null = null; diff --git a/app/(private)/Impresiones/page.tsx b/app/(private)/Impresiones/page.tsx index b72beac..b64610f 100644 --- a/app/(private)/Impresiones/page.tsx +++ b/app/(private)/Impresiones/page.tsx @@ -8,9 +8,13 @@ import AlertBox from "@/app/Components/AlertBox/AlertBox"; import { GetStudent } from "@/app/lib/getStudent"; import "@/app/globals.css"; -export default async function Page({ searchParams }: any) { - const params = await searchParams; - const numAccount = params.numAccount ? Number(params.numAccount) : null; +export default async function Page(props: { + searchParams?: Promise<{ + numAcount: string; + }>; +}) { + const params = await props.searchParams; + const numAccount = params?.numAcount ? parseInt(params.numAcount) : null; let student: any = null; let error: string | null = null; @@ -46,7 +50,7 @@ export default async function Page({ searchParams }: any) { { key: "1", label: "Recibo", - content: , + content: , }, { key: "2", diff --git a/app/(private)/Inscripciones/page.tsx b/app/(private)/Inscripciones/page.tsx index da37631..761cca2 100644 --- a/app/(private)/Inscripciones/page.tsx +++ b/app/(private)/Inscripciones/page.tsx @@ -1,5 +1,3 @@ -import "./inscriptions.css"; - import SearchUser from "@/app/Components/SearchUser/searchUser"; import Information from "@/app/Components/Information/information"; import StepNavigator from "@/app/Components/StepNavigator/StepNavigator"; @@ -7,9 +5,16 @@ import Receipt from "@/app/Components/Receipt/Receipt"; import Selection from "@/app/Components/Selection/Selection"; import { GetStudent } from "@/app/lib/getStudent"; -export default async function Page({ searchParams }: any) { - const params = await searchParams; - const numAccount = params.numAccount ? Number(params.numAccount) : null; +import "./inscriptions.css"; + +export default async function Page(props:{ + searchParams?: Promise<{ + numAcount:string; + }> +}) { + + const params =await props.searchParams; + const numAccount = params?.numAcount ? parseInt(params.numAcount) : null; let student: any = null; let error: string | null = null; @@ -49,3 +54,4 @@ export default async function Page({ searchParams }: any) { ); } +//IO \ No newline at end of file From 1e081dfe791d3bfc8c718be638f19f8fdba0eb3f Mon Sep 17 00:00:00 2001 From: IO420 <320154041@pcpuma.acatlan.unam.mx> Date: Mon, 22 Sep 2025 12:15:32 -0400 Subject: [PATCH 3/3] new style and fixed request --- .example.txt | 1 - app/(private)/AgregarTiempo/page.tsx | 8 ++--- app/(private)/BitacoraSanciones/page.tsx | 2 +- app/(private)/Impresiones/page.tsx | 16 +++++----- app/(private)/Inscripciones/page.tsx | 8 ++--- app/Components/Impressions/impressions.tsx | 8 ++--- app/Components/Receipt/Receipt.tsx | 8 ++--- app/Components/SearchUser/searchUser.tsx | 10 +++--- app/globals.css | 37 ++++++++++++++++++++-- app/lib/getStudent.ts | 4 +-- 10 files changed, 67 insertions(+), 35 deletions(-) delete mode 100644 .example.txt diff --git a/.example.txt b/.example.txt deleted file mode 100644 index 4b73e25..0000000 --- a/.example.txt +++ /dev/null @@ -1 +0,0 @@ -NEXT_PUBLIC_API_URL= \ No newline at end of file diff --git a/app/(private)/AgregarTiempo/page.tsx b/app/(private)/AgregarTiempo/page.tsx index e74906e..357d2ba 100644 --- a/app/(private)/AgregarTiempo/page.tsx +++ b/app/(private)/AgregarTiempo/page.tsx @@ -12,11 +12,11 @@ export default async function Page(props:{ }) { const params =await props.searchParams; - const numAccount = params?.numAcount ? parseInt(params.numAcount) : null; + const numAcount = params?.numAcount ? parseInt(params.numAcount) : null; let student: any = null; - if (numAccount) { - student = await GetStudent(numAccount); + if (numAcount) { + student = await GetStudent(numAcount); } return ( @@ -30,7 +30,7 @@ export default async function Page(props:{
    - +
    ) : ( diff --git a/app/(private)/BitacoraSanciones/page.tsx b/app/(private)/BitacoraSanciones/page.tsx index 133d7c9..d9c8234 100644 --- a/app/(private)/BitacoraSanciones/page.tsx +++ b/app/(private)/BitacoraSanciones/page.tsx @@ -14,7 +14,7 @@ export default async function Page(props:{ }> }) { const params =await props.searchParams; - const numAccount = params?.numAcount ? parseInt(params.numAcount) : null; + const numAcount = params?.numAcount ? parseInt(params.numAcount) : null; let student: any = null; let error: string | null = null; diff --git a/app/(private)/Impresiones/page.tsx b/app/(private)/Impresiones/page.tsx index b64610f..715ce2b 100644 --- a/app/(private)/Impresiones/page.tsx +++ b/app/(private)/Impresiones/page.tsx @@ -14,12 +14,12 @@ export default async function Page(props: { }>; }) { const params = await props.searchParams; - const numAccount = params?.numAcount ? parseInt(params.numAcount) : null; + const numAcount = params?.numAcount ? parseInt(params.numAcount) : null; let student: any = null; let error: string | null = null; - if (numAccount) { - const result = await GetStudent(numAccount); + if (numAcount) { + const result = await GetStudent(numAcount); if (result.error) { error = result.error; @@ -50,7 +50,7 @@ export default async function Page(props: { { key: "1", label: "Recibo", - content: , + content: , }, { key: "2", @@ -58,7 +58,7 @@ export default async function Page(props: { content: ( ), }, @@ -77,7 +77,7 @@ export default async function Page(props: { { value: 12 }, { value: 14 }, ]} - numAccount={student.id_cuenta} + numAcount={student.id_cuenta} /> ), }, @@ -105,7 +105,7 @@ export default async function Page(props: { { value: 150 }, { value: 200 }, ]} - numAccount={student.id_cuenta} + numAcount={student.id_cuenta} /> ), }, @@ -115,7 +115,7 @@ export default async function Page(props: { content: ( ), }, diff --git a/app/(private)/Inscripciones/page.tsx b/app/(private)/Inscripciones/page.tsx index 761cca2..2fac6cc 100644 --- a/app/(private)/Inscripciones/page.tsx +++ b/app/(private)/Inscripciones/page.tsx @@ -14,12 +14,12 @@ export default async function Page(props:{ }) { const params =await props.searchParams; - const numAccount = params?.numAcount ? parseInt(params.numAcount) : null; + const numAcount = params?.numAcount ? parseInt(params.numAcount) : null; let student: any = null; let error: string | null = null; - if (numAccount) { - const result = await GetStudent(numAccount); + if (numAcount) { + const result = await GetStudent(numAcount); if (result.error) { error = result.error; @@ -45,7 +45,7 @@ export default async function Page(props:{ - + ) : ( diff --git a/app/Components/Impressions/impressions.tsx b/app/Components/Impressions/impressions.tsx index 9f0baa5..ed38e5b 100644 --- a/app/Components/Impressions/impressions.tsx +++ b/app/Components/Impressions/impressions.tsx @@ -14,10 +14,10 @@ interface CostOption { interface ImpressionsProps { costs: CostOption[]; - numAccount: number | null; + numAcount: number | null; } -function Impressions({ costs, numAccount }: ImpressionsProps) { +function Impressions({ costs, numAcount }: ImpressionsProps) { const [pages, setPages] = useState(""); const [cost, setCost] = useState(""); @@ -33,7 +33,7 @@ function Impressions({ costs, numAccount }: ImpressionsProps) { const handlePayment = async () => { setError(""); - if (!numAccount) { + if (!numAcount) { setError("Error busca denuevo al estudiante"); return; } @@ -49,7 +49,7 @@ function Impressions({ costs, numAccount }: ImpressionsProps) { } const result = await PostImpressions({ - id_cuenta:numAccount, + id_cuenta:numAcount, numero_hojas : parseInt(pages), monto: parseInt(cost) * parseInt(pages), }); diff --git a/app/Components/Receipt/Receipt.tsx b/app/Components/Receipt/Receipt.tsx index ba453b5..0d19218 100644 --- a/app/Components/Receipt/Receipt.tsx +++ b/app/Components/Receipt/Receipt.tsx @@ -7,10 +7,10 @@ import Cookies from "js-cookie"; import "./Receipt.css"; interface ReceiptsProps { - numAccount: number | null; + numAcount: number | null; } -function Receipt({ numAccount }: ReceiptsProps) { +function Receipt({ numAcount }: ReceiptsProps) { const [folio, setFolio] = useState(""); const [amount, setAmount] = useState(""); const [date, setDate] = useState(""); @@ -29,7 +29,7 @@ function Receipt({ numAccount }: ReceiptsProps) { //restrict this month// const handleSaveReceipt = () => { - if (!numAccount) { + if (!numAcount) { setError("Error busca denuevo al estudiante"); return; } @@ -50,7 +50,7 @@ function Receipt({ numAccount }: ReceiptsProps) { } PostReceipt({ - id_cuenta: numAccount, + id_cuenta: numAcount, folio_recibo: folio, monto: Number(amount), fecha_recibo: date, diff --git a/app/Components/SearchUser/searchUser.tsx b/app/Components/SearchUser/searchUser.tsx index 74f01d4..6af7039 100644 --- a/app/Components/SearchUser/searchUser.tsx +++ b/app/Components/SearchUser/searchUser.tsx @@ -8,14 +8,14 @@ interface urlProp{ } function SearchUser(url:urlProp) { - const [numAccount, setNumAccount] = useState(""); + const [numAcount, setnumAcount] = useState(""); const router = useRouter(); const handleSubmit = (e: React.FormEvent) => { e.preventDefault(); - if (numAccount) { - router.push(`/${url.urlBase}?numAccount=${numAccount}`); + if (numAcount) { + router.push(`/${url.urlBase}?numAcount=${numAcount}`); } }; @@ -27,11 +27,11 @@ function SearchUser(url:urlProp) {
    { const value = e.target.value; if (/^\d*$/.test(value) && value.length <= 9) { - setNumAccount(value); + setnumAcount(value); } }} placeholder="Coloca un número de cuenta..." diff --git a/app/globals.css b/app/globals.css index 86aef13..b4aec32 100644 --- a/app/globals.css +++ b/app/globals.css @@ -13,6 +13,7 @@ html { box-sizing: border-box; font-size: 62.5%; + overflow-y: auto; } body { @@ -101,7 +102,7 @@ footer p { border-radius: 4px; width: 90%; max-width: 1150px; - height: 550px; + height: 600px; min-height: 520px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); overflow: hidden; @@ -297,13 +298,14 @@ form { .toggleButton { flex: 1; - padding: 0.5rem 1rem; background-color: transparent; border: none; cursor: pointer; border-radius: 4px; transition: background-color 0.3s, color 0.3s; font-weight: 500; + overflow-y: hidden; + max-height: 60px; } .toggleButton.active { @@ -379,6 +381,12 @@ table tr { width: 100%; } +@media(max-width: 1330px) { + .mainContainer { + grid-template-rows: 60px 1fr; + } +} + @media (max-width: 1300px) { .container { width: 100%; @@ -402,6 +410,10 @@ table tr { border-radius: 0; } + .mainContainer { + grid-template-rows: 40px 1fr; + } + .img { right: 50%; transform: translateX(50%); @@ -447,6 +459,20 @@ table tr { footer p { font-size: 1.2rem; } + + label { + font-size: 1.5rem; + } + + input, + select { + font-size: 1.5rem; + } + + button { + font-size: 1.5rem; + padding: 1rem 1.5rem; +} } @media (max-height: 960px) { @@ -454,3 +480,10 @@ table tr { margin: 0; } } + +@media (max-width: 450px) { + .title { + max-width: 300px; + overflow-wrap: break-word; + } +} \ No newline at end of file diff --git a/app/lib/getStudent.ts b/app/lib/getStudent.ts index 756ea2c..5e0f4f5 100644 --- a/app/lib/getStudent.ts +++ b/app/lib/getStudent.ts @@ -1,9 +1,9 @@ import axios from "axios"; import { envConfig } from "./config"; -export async function GetStudent(numAccount: number) { +export async function GetStudent(numAcount: number) { try { - const response = await axios.get(`${envConfig.apiUrl}/student/${numAccount}`); + const response = await axios.get(`${envConfig.apiUrl}/student/${numAcount}`); console.log(response.data) return response.data; } catch (error: any) {