mirror of
https://github.com/withastro/astro.git
synced 2025-01-13 22:11:20 -05:00
41 lines
805 B
Text
41 lines
805 B
Text
---
|
|
import Counter from '../components/Counter.tsx';
|
|
---
|
|
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta
|
|
name="viewport"
|
|
content="width=device-width"
|
|
/>
|
|
|
|
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
|
|
|
|
<style>
|
|
:global(:root) {
|
|
font-family: system-ui;
|
|
padding: 2em 0;
|
|
}
|
|
:global(.counter) {
|
|
display: grid;
|
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
place-items: center;
|
|
font-size: 2em;
|
|
margin-top: 2em;
|
|
}
|
|
:global(.children) {
|
|
display: grid;
|
|
place-items: center;
|
|
margin-bottom: 2em;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<Counter client:visible>
|
|
<h1>Hello Solid!</h1>
|
|
</Counter>
|
|
</main>
|
|
</body>
|
|
</html>
|