diff options
| author |  Fred K. Schott <fkschott@gmail.com>
| 2021-10-01 15:25:27 -0700 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2021-10-01 15:25:27 -0700 |
| commit | 57e11f2bb76de6d55579b7814bc801543a85a90e (patch) | |
| tree | 52ddcc8df08142c8ac1aa807589b246bdf5eaa5c | |
| parent | c1aa4b4d2ddf9775270bce00fbc4510f914f9cdf (diff) | |
| download | astro-57e11f2bb76de6d55579b7814bc801543a85a90e.tar.gz astro-57e11f2bb76de6d55579b7814bc801543a85a90e.tar.zst astro-57e11f2bb76de6d55579b7814bc801543a85a90e.zip | |
improve solidjs template (#1475)
| -rw-r--r-- | examples/framework-solid/src/components/Counter.jsx (renamed from examples/framework-solid/src/components/Counter.tsx) | 0 | ||||
| -rw-r--r-- | examples/framework-solid/src/pages/index.astro | 28 | ||||
| -rw-r--r-- | examples/framework-solid/tsconfig.json | 3 |
3 files changed, 10 insertions, 21 deletions
diff --git a/examples/framework-solid/src/components/Counter.tsx b/examples/framework-solid/src/components/Counter.jsx index 12f4f9f78..12f4f9f78 100644 --- a/examples/framework-solid/src/components/Counter.tsx +++ b/examples/framework-solid/src/components/Counter.jsx diff --git a/examples/framework-solid/src/pages/index.astro b/examples/framework-solid/src/pages/index.astro index d263de444..747385394 100644 --- a/examples/framework-solid/src/pages/index.astro +++ b/examples/framework-solid/src/pages/index.astro @@ -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> diff --git a/examples/framework-solid/tsconfig.json b/examples/framework-solid/tsconfig.json deleted file mode 100644 index 44465b140..000000000 --- a/examples/framework-solid/tsconfig.json +++ /dev/null @@ -1,3 +0,0 @@ -{ - "moduleResolution": "node" -} |