summaryrefslogtreecommitdiff
path: root/examples/framework-svelte/src
diff options
context:
space:
mode:
Diffstat (limited to 'examples/framework-svelte/src')
-rw-r--r--examples/framework-svelte/src/pages/index.astro17
1 files changed, 6 insertions, 11 deletions
diff --git a/examples/framework-svelte/src/pages/index.astro b/examples/framework-svelte/src/pages/index.astro
index fa45d05e8..8cf84ef53 100644
--- a/examples/framework-svelte/src/pages/index.astro
+++ b/examples/framework-svelte/src/pages/index.astro
@@ -9,13 +9,8 @@ import Counter from '../components/Counter.svelte'
<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;
@@ -23,22 +18,22 @@ import Counter from '../components/Counter.svelte'
}
: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 client:visible>
- <h1>Hello Svelte!</h1>
+ <h1>Hello, Svelte!</h1>
</Counter>
</main>
</body>