michael/astro
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

improve solidjs template (#1475)

Browse source
This commit is contained in:
Fred K. Schott 2021-10-01 15:25:27 -07:00 committed by GitHub
parent c1aa4b4d2d
commit 57e11f2bb7
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 10 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

0
examples/framework-solid/src/components/Counter.tsx → examples/framework-solid/src/components/Counter.jsx
View file

28
examples/framework-solid/src/pages/index.astro
View file

@ -1,40 +1,32 @@
---
import Counter from '../components/Counter.tsx';
import Counter from '../components/Counter.jsx';
---
<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) {
<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) {
.counter {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
place-items: center;
font-size: 2em;
margin-top: 2em;
margin-top: 3em;
}
:global(.children) {
display: grid;
place-items: center;
margin-bottom: 2em;
.counter-message {
text-align: center;
}
</style>
</head>
<body>
<main>
<Counter client:visible>
<h1>Hello Solid!</h1>
<h1>Hello, Solid!</h1>
</Counter>
</main>
</body>

3
examples/framework-solid/tsconfig.json
View file

@ -1,3 +0,0 @@
{
"moduleResolution": "node"
}