Les animations fade-up/fade-right/fade-scale utilisaient un IntersectionObserver pour ajouter une classe .visible au scroll. Après un remplacement du DOM par le live preview StoryBlok, les nouveaux éléments n'étaient jamais observés et restaient invisibles (opacity: 0). Remplacé par des @keyframes CSS qui s'exécutent sans JS. Supprimé le middleware manuel (auto-enregistré par l'intégration @storyblok/astro quand livePreview est activé).
30 lines
662 B
Text
30 lines
662 B
Text
---
|
|
import Navbar from '../components/Navbar.astro';
|
|
import Footer from '../components/Footer.astro';
|
|
import ThemeSwitcher from '../components/ThemeSwitcher.astro';
|
|
import '../styles/global.css';
|
|
|
|
interface Props {
|
|
title?: string;
|
|
}
|
|
|
|
const { title = 'Compagnie AspiRêves' } = Astro.props;
|
|
---
|
|
|
|
<!doctype html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>{title}</title>
|
|
</head>
|
|
<body class="bg-cloud min-h-screen flex flex-col">
|
|
<Navbar />
|
|
<main class="flex-grow">
|
|
<slot />
|
|
</main>
|
|
<Footer />
|
|
<ThemeSwitcher />
|
|
|
|
</body>
|
|
</html>
|