feat(site): use pico css; content safe center

2026-05-08 19:23:45 +02:00 · 2026-05-08 19:23:45 +02:00 · 3af741cc9e
commit 3af741cc9e
parent 93ad51b356
2 changed files with 16 additions and 0 deletions
--- a/index.html
+++ b/index.html
@ -4,11 +4,23 @@
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>status-indicator web component demo</title>
+    <link rel="stylesheet" href="./pico.min.css">
    <script type="module" src="./src/status-indicator.ts"></script>
    <style>
+        html, body {
+            height: 100%
+        }
+        body {
+            display: grid;
+            place-content: safe center;
+        }
        main {
            padding: 1em;
        }
+
+        status-indicator {
+            font-family: 'Courier New', Courier, monospace;
+        }
    </style>
 </head>
 <body>
--- a/pico.min.css
+++ b/pico.min.css