fixed style and other errors

This commit is contained in:
2025-09-22 16:57:14 -06:00
parent 13fb4e56a1
commit 9fb6c29202
7 changed files with 39 additions and 36 deletions
@@ -18,7 +18,6 @@
transition: all 0.3s ease;
cursor: pointer;
color: white;
font-weight: bold;
width: 100%;
transition: background-color 0.3s ease;
font-size: 1.5rem;
+4 -2
View File
@@ -29,7 +29,6 @@ function Impressions({ costs, numAcount }: ImpressionsProps) {
};
const handlePayment = async () => {
if (!numAcount) {
router.push(
`/Impresiones?numAcount=${numAcount}&error=Error busca denuevo al estudiante`
@@ -69,6 +68,9 @@ function Impressions({ costs, numAcount }: ImpressionsProps) {
setPages("");
setCost("");
router.push(
`/Impresiones?numAcount=${numAcount}&success=Impresion cobrada correctamente`
);
};
return (
@@ -110,7 +112,7 @@ function Impressions({ costs, numAcount }: ImpressionsProps) {
<div className="groupLabel">
<label className="label">
Total: {(pages && cost) && `$${parseInt(cost) * parseInt(pages)}.00`}
Total: {pages && cost && `$${parseInt(cost) * parseInt(pages)}.00`}
</label>
</div>
+1 -1
View File
@@ -67,7 +67,7 @@ function Receipt({ urlBase, numAcount }: ReceiptsProps) {
setAmount("");
setDate("");
router.push(`${urlBase}?numAcount=${numAcount}&success=1`);
router.push(`${urlBase}?numAcount=${numAcount}&success=Recibo guardado`);
} catch (err: any) {
console.error(err);
router.push(`${urlBase}?numAcount=${numAcount}&error=${err}`);
+13 -11
View File
@@ -11,7 +11,7 @@
top: -100px;
opacity: 0.9;
animation: fall linear infinite;
border-radius: 6px;
border-radius: 6px;
}
@keyframes fall {
@@ -27,23 +27,25 @@
left: 10%;
width: 40px;
height: 40px;
background: linear-gradient(45deg, #ff7eb3, #ff758c);
animation-duration: 4s;
background: linear-gradient(45deg, #f6ff7e, #e6ff75);
animation-duration: 10s;
animation-delay: 0s;
}
.square:nth-child(2) {
left: 25%;
width: 60px;
height: 60px;
background: linear-gradient(45deg, #43cea2, #185a9d);
background: linear-gradient(45deg, #438bce, #185a9d);
animation-duration: 6s;
animation-delay: 2s;
}
.square:nth-child(3) {
left: 40%;
width: 50px;
height: 50px;
background: linear-gradient(45deg, #f7971e, #ffd200);
background: linear-gradient(45deg, #f7d71e, #ffd200);
animation-duration: 5s;
animation-delay: 1s;
}
@@ -51,7 +53,7 @@
left: 55%;
width: 70px;
height: 70px;
background: linear-gradient(45deg, #7f00ff, #e100ff);
background: linear-gradient(45deg, #ffe600, #ffd000);
animation-duration: 7s;
animation-delay: 3s;
}
@@ -67,7 +69,7 @@
left: 85%;
width: 55px;
height: 55px;
background: linear-gradient(45deg, #f953c6, #b91d73);
background: linear-gradient(45deg, #535ef9, #201db9);
animation-duration: 6.5s;
animation-delay: 2.5s;
}
@@ -75,7 +77,7 @@
left: 15%;
width: 65px;
height: 65px;
background: linear-gradient(45deg, #11998e, #38ef7d);
background: linear-gradient(45deg, #115799, #384aef);
animation-duration: 5.5s;
animation-delay: 1.2s;
}
@@ -83,7 +85,7 @@
left: 35%;
width: 40px;
height: 40px;
background: linear-gradient(45deg, #ff4e50, #f9d423);
background: linear-gradient(45deg, #ffdf4e, #f9d423);
animation-duration: 7.5s;
animation-delay: 0.5s;
}
@@ -91,7 +93,7 @@
left: 60%;
width: 75px;
height: 75px;
background: linear-gradient(45deg, #00b09b, #96c93d);
background: linear-gradient(45deg, #b09000, #98c93d);
animation-duration: 4.2s;
animation-delay: 2.8s;
}
@@ -99,7 +101,7 @@
left: 80%;
width: 28px;
height: 28px;
background: linear-gradient(45deg, #ff9966, #ff5e62);
background: linear-gradient(45deg, #ffdb66, #f4ff5e);
animation-duration: 6.8s;
animation-delay: 1.8s;
}