Fix favicon links rendering in story

puzzle · Jan 16, 2024 · 43e7fe0 · 43e7fe0
1 parent 4624fa3
commit 43e7fe0
Showing 1 changed file with 10 additions and 21 deletions.
diff --git a/src/stories/components/Favicon.mdx b/src/stories/components/Favicon.mdx
@@ -6,27 +6,16 @@ import { Meta } from "@storybook/blocks";
 
 The Favicon and its variations for the [Web Application Manifest](https://developer.mozilla.org/en-US/docs/Web/Manifest) can be found here:
 
-- <a href="/images/favicon.ico" target="_blank">
-    favicon.ico
-  </a>
-- <a href="/images/icon.svg" target="_blank">
-    icon.svg
-  </a>
-- <a href="/images/apple-touch-icon-180x180.png" target="_blank">
-    apple-touch-icon-180x180.png
-  </a>
-- <a href="/images/pwa-64x64.png" target="_blank">
-    pwa-64x64.png
-  </a>
-- <a href="/images/pwa-192x192.png" target="_blank">
-    pwa-192x192.png
-  </a>
-- <a href="/images/pwa-512x512.png" target="_blank">
-    pwa-512x512.png
-  </a>
-- <a href="/images/maskable-icon-512x512.png" target="_blank">
-    maskable-icon-512x512.png
-  </a>
+<!-- prettier-ignore -->
+<ul>
+  <li><a href="./images/favicon.ico" target="_blank">favicon.ico</a></li>
+  <li><a href="./images/icon.svg" target="_blank">icon.svg</a></li>
+  <li><a href="./images/apple-touch-icon-180x180.png" target="_blank">apple-touch-icon-180x180.png</a></li>
+  <li><a href="./images/pwa-64x64.png" target="_blank">pwa-64x64.png</a></li>
+  <li><a href="./images/pwa-192x192.png" target="_blank">pwa-192x192.png</a></li>
+  <li><a href="./images/pwa-512x512.png" target="_blank">pwa-512x512.png</a></li>
+  <li><a href="./images/maskable-icon-512x512.png" target="_blank">maskable-icon-512x512.png</a></li>
+</ul>
 
 You can add them to your project and reference them in your HTML document within the `<head>`: