CIDWA/formularios_front
12
0
Fork 0
Code Issues Pull Requests Actions Releases Wiki Activity

styles

Browse Source
This commit is contained in:
jalvarado
2025-04-08 10:45:31 -06:00
parent 8d8299b71a
commit 587bbc4b7c
7 changed files with 45 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files
package.json
+2 -1
View File
@@ -6,7 +6,8 @@
"dev": "next dev --turbopack", "dev": "next dev --turbopack",
"build": "next build", "build": "next build",
"start:local": "next build && next start -p 3246", "start:local": "next build && next start -p 3246",
"start": "source ~/.nvm/nvm.sh && nvm use 22.10.0 && npm install && next build && next start -p 3246", "start:dev": "source ~/.nvm/nvm.sh && nvm use 22.10.0 && npm install && next build && next start -p 3246",
"start:prod": "source ~/.nvm/nvm.sh && nvm use 22.10.0 && npm install && next build && next start -p 3246",
"lint": "next lint" "lint": "next lint"
}, },
"dependencies": { "dependencies": {
src/app/(public)/page.tsx
+2 -1
View File
@@ -51,7 +51,8 @@ export default function Page() {
.replace(/^-+|-+$/g, ''); .replace(/^-+|-+$/g, '');
} }
if (loading) return <div>Cargando cuestionarios...</div>; if (loading)
return <div className="text-center">Cargando cuestionarios...</div>;
if (error) return <div>{error}</div>; if (error) return <div>{error}</div>;
return ( return (
src/components/formulario-card.tsx
+2 -2
View File
@@ -31,7 +31,7 @@ export default function FormularioCard({
return ( return (
<div className="card card-blog d-flex flex-column justify-content-between"> <div className="card card-blog d-flex flex-column justify-content-between">
<div> <div>
<div className="card-image"> <div className="card-image scale-hover-1">
<Link href={link}> <Link href={link}>
<Image <Image
width={400} width={400}
@@ -66,7 +66,7 @@ export default function FormularioCard({
onClick={() => router.push(link)} onClick={() => router.push(link)}
outline outline
className="mt-3 w-100 py-1 rounded" className="mt-3 w-100 py-1 rounded"
variant="primary" variant="azul"
> >
{button_message} {button_message}
</Button> </Button>
src/components/layout/footer.tsx
+7 -7
View File
@@ -5,15 +5,15 @@ export default function Footer() {
const year = date.getFullYear(); const year = date.getFullYear();
return ( return (
<footer className='bg-azul p-3 text-center text-white small'> <footer className="bg-azul p-3 text-center text-white small">
<p className='m-0'> <p className="m-0">
Hecho en México. Todos los derechos reservados {year}. Hecho en México. Todos los derechos reservados {year}.
</p> </p>
<p className='m-0'> <p className="m-0">
Esta página puede ser reproducida con fines no lucrativos, Esta página puede ser reproducida con fines no lucrativos, siempre y
siempre y cuando no se mutile, se cite la fuente completa y su cuando no se mutile, se cite la fuente completa y su dirección
dirección electrónica. De otra forma, requiere permiso previo electrónica. De otra forma, requiere permiso previo por escrito de la
por escrito de la institución. institución.
</p> </p>
</footer> </footer>
); );
src/components/layout/header.tsx
+26 -26
View File
@@ -3,30 +3,30 @@ import React from 'react';
import Link from 'next/link'; import Link from 'next/link';
export default function Header({ small = false }: { small?: boolean }) { export default function Header({ small = false }: { small?: boolean }) {
return ( return (
<header className='bg-azul p-3'> <header className="bg-azul p-3">
<div className='container flex-center justify-content-sm-between'> <div className="container flex-center justify-content-sm-between">
<Link <Link
href={'https://www.unam.mx/'} href={'https://www.unam.mx/'}
target='_blank' target="_blank"
className='d-none d-sm-block' className="d-none d-sm-block"
> >
<Image <Image
src='/logo-unam.png' src="/logo-unam.png"
alt='Logo de la UNAM' alt="Logo de la UNAM"
width={small ? 200 : 280} width={small ? 200 : 280}
height={small ? 60 : 84} height={small ? 60 : 84}
/> />
</Link> </Link>
<Link href={'https://acatlan.unam.mx/'} target='_blank'> <Link href={'https://acatlan.unam.mx/'} target="_blank">
<Image <Image
src='/logo-fes.png' src="/logo-fes.png"
alt='Logo de la fes Acatlàn' alt="Logo de la fes Acatlàn"
width={small ? 200 : 250} width={small ? 200 : 250}
height={small ? 48 : 60} height={small ? 48 : 60}
/> />
</Link> </Link>
</div> </div>
</header> </header>
); );
} }
src/styles/sass/_utilities.scss
+5 -5
View File
@@ -1,11 +1,11 @@
// Archivo: _utilities.scss // Archivo: _utilities.scss
$hover-scales: ( $hover-scales: (
1: 1.05, 1: 1.025,
2: 1.1, 2: 1.05,
3: 1.15, 3: 1.075,
4: 1.2, 4: 1.1,
5: 1.25, 5: 1.125,
); );
@each $key, $value in $hover-scales { @each $key, $value in $hover-scales {
src/styles/sass/bootstrap.scss
Vendored
+1 -2
View File
@@ -72,7 +72,6 @@ ul.list-unstyled li {
position: relative; position: relative;
overflow: hidden; overflow: hidden;
margin: -1.5rem 1rem 0; margin: -1.5rem 1rem 0;
height: 60%;
@extend .rounded; @extend .rounded;
@extend .shadow; @extend .shadow;
@@ -82,7 +81,7 @@ ul.list-unstyled li {
bottom: 0; bottom: 0;
left: 0; left: 0;
width: 100%; width: 100%;
height: 50%; // ajusta según el tamaño deseado height: 80%; // ajusta según el tamaño deseado
background: linear-gradient(to top, rgba(0, 0, 0, 0.4), transparent); background: linear-gradient(to top, rgba(0, 0, 0, 0.4), transparent);
pointer-events: none; pointer-events: none;
z-index: 1; z-index: 1;