ayo/status-indicator
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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

Browse source
This commit is contained in:
ayo 2026-05-08 19:23:45 +02:00
parent 93ad51b356
commit 3af741cc9e
2 changed files with 16 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
index.html
View file

@ -4,11 +4,23 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>status-indicator web component demo</title> <title>status-indicator web component demo</title>
<link rel="stylesheet" href="./pico.min.css">
<script type="module" src="./src/status-indicator.ts"></script> <script type="module" src="./src/status-indicator.ts"></script>
<style> <style>
html, body {
height: 100%
}
body {
display: grid;
place-content: safe center;
}
main { main {
padding: 1em; padding: 1em;
} }
status-indicator {
font-family: 'Courier New', Courier, monospace;
}
</style> </style>
</head> </head>
<body> <body>

4
pico.min.css vendored Normal file
View file

File diff suppressed because one or more lines are too long