diff options
Diffstat (limited to 'examples/framework-react')
-rw-r--r-- | examples/framework-react/package.json | 3 | ||||
-rw-r--r-- | examples/framework-react/src/pages/index.astro | 17 |
2 files changed, 6 insertions, 14 deletions
diff --git a/examples/framework-react/package.json b/examples/framework-react/package.json index 548557cb5..d83a8526d 100644 --- a/examples/framework-react/package.json +++ b/examples/framework-react/package.json @@ -10,8 +10,5 @@ }, "devDependencies": { "astro": "^0.20.12" - }, - "snowpack": { - "workspaceRoot": "../.." } } diff --git a/examples/framework-react/src/pages/index.astro b/examples/framework-react/src/pages/index.astro index b14489440..ba30fed6f 100644 --- a/examples/framework-react/src/pages/index.astro +++ b/examples/framework-react/src/pages/index.astro @@ -11,13 +11,8 @@ const someProps = { <html lang="en"> <head> <meta charset="utf-8" /> - <meta - name="viewport" - content="width=device-width" - /> - - <link rel="icon" type="image/x-icon" href="/favicon.ico" /> - + <meta name="viewport" content="width=device-width" /> + <link rel="icon" type="image/x-icon" href="/favicon.ico" /> <style> :global(:root) { font-family: system-ui; @@ -25,22 +20,22 @@ const someProps = { } :global(.counter) { display: grid; - grid-template-columns: repeat(3, minmax(0, 1fr)); - place-items: center; font-size: 2em; + grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 2em; + place-items: center; } :global(.children) { display: grid; - place-items: center; margin-bottom: 2em; + place-items: center; } </style> </head> <body> <main> <Counter {...someProps} client:visible> - <h1>Hello React!</h1> + <h1>Hello, React!</h1> </Counter> </main> </body> |