storybook intro style

InseeFr · Mar 18, 2024 · 644a4a5 · 644a4a5
1 parent fe4150d
commit 644a4a5
Showing 1 changed file with 11 additions and 6 deletions.
diff --git a/src/stories/Introduction.stories.mdx b/src/stories/Introduction.stories.mdx
@@ -3,12 +3,17 @@ import { useDarkMode } from "storybook-dark-mode";
 
 <Meta title="Introduction" />
 
-<div style={{ textAlign: 'center' }}>
-
-<p align="center">
-  <img src={useDarkMode() ? "https://raw.githubusercontent.com/InseeFr/Lunatic-DSFR/main/overview-dark.png" : "https://raw.githubusercontent.com/InseeFr/Lunatic-DSFR/main/overview-light.png"} />
-
-</p>
+<div style={{ "margin": "0 auto", "textAlign": "center" }}>
+
+<div style={{ "display": "flex", "justifyContent": "center" }}>
+    <img
+        src={
+            useDarkMode()
+                ? "https://raw.githubusercontent.com/InseeFr/Lunatic-DSFR/main/overview-dark.png"
+                : "https://raw.githubusercontent.com/InseeFr/Lunatic-DSFR/main/overview-light.png"
+        }
+    />
+</div>
 
 Lunatic-DSFR is a library of customised [Lunatic](https://github.com/InseeFr/Lunatic) components built with TypeScript and [React-DSFR](https://react-dsfr.etalab.studio/).