summaryrefslogtreecommitdiff
path: root/examples/framework-react
diff options
context:
space:
mode:
Diffstat (limited to 'examples/framework-react')
-rw-r--r--examples/framework-react/package.json3
-rw-r--r--examples/framework-react/src/pages/index.astro17
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>