deyvisonwanderley
a93d55f02b
- Added functionality for managing absence requests, including listing, approving, and rejecting requests. - Enhanced the user interface to display statistics and pending requests for better oversight. - Updated backend schema to support absence requests and notifications, ensuring data integrity and efficient handling. - Integrated new components for absence request forms and approval workflows, improving user experience and administrative efficiency.
77 lines
2.4 KiB
CSS
77 lines
2.4 KiB
CSS
@import "tailwindcss";
|
|
@plugin "daisyui";
|
|
|
|
/* FullCalendar CSS - v6 não exporta CSS separado, estilos são aplicados via JavaScript */
|
|
|
|
/* Estilo padrão dos botões - mesmo estilo do sidebar */
|
|
.btn-standard {
|
|
@apply font-medium flex items-center justify-center gap-2 text-center p-3 rounded-xl border border-base-300 bg-base-100 hover:bg-primary/60 active:bg-primary text-base-content hover:text-white active:text-white transition-colors;
|
|
}
|
|
|
|
/* Sobrescrever estilos DaisyUI para seguir o padrão */
|
|
.btn-primary {
|
|
@apply font-medium flex items-center justify-center gap-2 text-center px-4 py-2 rounded-xl border border-base-300 bg-base-100 hover:bg-primary/60 active:bg-primary text-base-content hover:text-white active:text-white transition-colors;
|
|
}
|
|
|
|
.btn-ghost {
|
|
@apply font-medium flex items-center justify-center gap-2 text-center px-4 py-2 rounded-xl border border-base-300 bg-base-100 hover:bg-base-200 active:bg-base-300 text-base-content transition-colors;
|
|
}
|
|
|
|
.btn-error {
|
|
@apply font-medium flex items-center justify-center gap-2 text-center px-4 py-2 rounded-xl border border-error bg-base-100 hover:bg-error/60 active:bg-error text-error hover:text-white active:text-white transition-colors;
|
|
}
|
|
|
|
:where(.card, .card-hover) {
|
|
position: relative;
|
|
overflow: hidden;
|
|
transform: translateY(0);
|
|
transition: transform 220ms ease, box-shadow 220ms ease;
|
|
}
|
|
|
|
:where(.card, .card-hover)::before {
|
|
content: "";
|
|
position: absolute;
|
|
inset: -2px;
|
|
border-radius: 1.15rem;
|
|
box-shadow:
|
|
0 0 0 1px rgba(15, 23, 42, 0.04),
|
|
0 14px 32px -22px rgba(15, 23, 42, 0.45),
|
|
0 6px 18px -16px rgba(102, 126, 234, 0.35);
|
|
opacity: 0.55;
|
|
transition: opacity 220ms ease, transform 220ms ease;
|
|
pointer-events: none;
|
|
z-index: 0;
|
|
}
|
|
|
|
:where(.card, .card-hover)::after {
|
|
content: "";
|
|
position: absolute;
|
|
inset: 0;
|
|
border-radius: 1rem;
|
|
background: linear-gradient(135deg, rgba(102, 126, 234, 0.12), rgba(118, 75, 162, 0.12));
|
|
opacity: 0;
|
|
transform: scale(0.96);
|
|
transition: opacity 220ms ease, transform 220ms ease;
|
|
pointer-events: none;
|
|
z-index: 1;
|
|
}
|
|
|
|
:where(.card, .card-hover):hover {
|
|
transform: translateY(-6px);
|
|
box-shadow: 0 20px 45px -20px rgba(15, 23, 42, 0.35);
|
|
}
|
|
|
|
:where(.card, .card-hover):hover::before {
|
|
opacity: 0.9;
|
|
transform: scale(1);
|
|
}
|
|
|
|
:where(.card, .card-hover):hover::after {
|
|
opacity: 1;
|
|
transform: scale(1);
|
|
}
|
|
|
|
:where(.card, .card-hover) > * {
|
|
position: relative;
|
|
z-index: 2;
|
|
} |