feat[ frontend / ui-core ]: implementate pagine di errore e miglioramenti UX ai componenti
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>
This commit is contained in:
@@ -0,0 +1,26 @@
|
||||
<script>
|
||||
import "../styles/error-pages.css";
|
||||
import Button from "../components/Button/Button.svelte";
|
||||
</script>
|
||||
|
||||
<div class="error-page">
|
||||
<div class="error-content">
|
||||
<div class="title">
|
||||
<h1 class="title-top">ci</h1>
|
||||
<h1 class="title-bottom">dispiace</h1>
|
||||
<span class="divider"></span>
|
||||
</div>
|
||||
<div class="error-message">
|
||||
<p class="error-description">Sembra che tu non abbia il permesso per arrivare fin qui...</p>
|
||||
<p>...se invece si tratta di un nostro sbaglio non esitare a contattarci!</p>
|
||||
</div>
|
||||
<div class="button-container">
|
||||
<Button text="HOME" href="/" />
|
||||
<Button text="ASSISTENZA" href="/assistenza" borderWidth="3px" color="transparent" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="error-background">
|
||||
<h1 class="error-code">403</h1>
|
||||
<h1 class="error-text">ERROR</h1>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user