mapleopentech/monorepo
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

login page gui

Browse source
This commit is contained in:
Rodolfo Martinez 2025-12-03 00:48:57 -05:00
parent 1a67296a8f
commit 3c6899ace5
5 changed files with 87 additions and 104 deletions
Download patch file Download diff file Expand all files Collapse all files

56
web/maplefile-frontend/src/index.css
View file

@ -242,7 +242,7 @@ h6 {
@keyframes fade-in-up {
from {
opacity: 0;
transform: translateY(10px);
transform: translateY(30px);
}
to {
opacity: 1;
@ -293,13 +293,37 @@ h6 {
}
}
@keyframes blob {
0% {
transform: translate(0px, 0px) scale(1);
}
33% {
transform: translate(30px, -50px) scale(1.1);
}
66% {
transform: translate(-20px, 20px) scale(0.9);
}
100% {
transform: translate(0px, 0px) scale(1);
}
}
@keyframes swipe {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(100%);
}
}
/* Animation Classes */
.animate-fade-in {
animation: fade-in var(--transition-slow) ease-out;
}
.animate-fade-in-up {
animation: fade-in-up var(--transition-slow) ease-out;
animation: fade-in-up 0.6s ease-out forwards;
}
.animate-fade-in-down {
@ -318,6 +342,34 @@ h6 {
animation: pulse-soft 2s ease-in-out infinite;
}
.animate-blob {
animation: blob 7s infinite;
}
.animation-delay-2000 {
animation-delay: 2s;
}
.animation-delay-4000 {
animation-delay: 4s;
}
/* Button swipe effect */
.button-swipe-effect::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
transform: translateX(-100%);
}
.button-swipe-effect:active:not(:disabled)::before {
animation: swipe 0.6s ease-out;
}
/* Hover Lift Effect */
.hover-lift {
@apply transition-transform duration-200 hover:-translate-y-1;