Files
vac-optimizer/src/app/components/calendar-year/calendar-year.scss
T
copilot-swe-agent[bot]andTHoguet 35b31b3188 Add comprehensive CI/CD workflows and tooling
- Add PR validation workflow with lint, format, type check, test, and build steps
- Improve Docker build workflow with caching, security scanning, and manual trigger
- Add CodeQL security analysis workflow
- Add Dependabot configuration for automated dependency updates
- Configure ESLint with TypeScript support
- Add npm scripts for linting and formatting
- Format code with Prettier
- Fix linting issues in source code

Co-authored-by: THoguet <61246905+THoguet@users.noreply.github.com>
2025-11-03 19:13:52 +00:00

76 lines
1.0 KiB
SCSS

@use '@angular/material' as mat;
.calendar-year {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-evenly;
max-width: 65vw;
position: relative;
}
@media (max-width: 768px) {
.calendar-year {
max-width: 100vw;
}
}
.loading-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(255, 255, 255, 0.9);
display: flex;
justify-content: center;
align-items: center;
border-radius: 4px;
z-index: 1000;
@media (prefers-color-scheme: dark) {
background-color: rgba(0, 0, 0, 0.7);
}
}
.loading-spinner {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
p {
font-size: 16px;
font-weight: 500;
color: #333;
margin: 0;
@media (prefers-color-scheme: dark) {
color: #ddd;
}
}
}
.card {
margin: 16px;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
:root {
@include mat.progress-spinner-overrides(
(
size: 0.5rem,
active-indicator-width: 0.25rem,
)
);
}