stefanomanca
8394e3bbca
Error Handling: Introdotte nuove pagine di errore dedicate (403, 404, 500 e generica) e aggiornata la logica di routing in App.svelte per la gestione degli stati di errore. Button Component: Estese le funzionalità del componente per supportare link diretti e personalizzazione della larghezza del bordo. Header Component: Ottimizzata la UX implementando la scomparsa dell'header durante lo scroll. Refactoring & Style: Aggiornati gli stili globali per coerenza visiva e rimossi i file obsoleti relativi alle vecchie pagine di errore. Co-authored-by: Copilot <copilot@github.com>
30 lines
737 B
CSS
30 lines
737 B
CSS
.button {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
background-color: var(--button-color);
|
|
color: var(--button-text-color);
|
|
padding: var(--button-padding);
|
|
border-radius: var(--button-radius);
|
|
font: inherit;
|
|
cursor: pointer;
|
|
font-weight: bold;
|
|
transition: transform 0.2s, opacity 0.2s, background-color 0.2s, box-shadow 0.2s;
|
|
text-decoration: none;
|
|
border: none;
|
|
box-shadow: inset 0 0 0 var(--button-border-width) var(--primary-color);
|
|
}
|
|
|
|
.button:hover {
|
|
opacity: 0.92;
|
|
transform: translateY(-1px);
|
|
}
|
|
|
|
.button:active {
|
|
transform: translateY(0);
|
|
}
|
|
|
|
.button:focus-visible {
|
|
outline: 2px solid var(--primary-color);
|
|
outline-offset: 3px;
|
|
} |