diff options
| author |  Marcus Otterström <github@otterstrom.dev>
| 2022-07-08 22:08:32 +0200 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2022-07-08 22:08:32 +0200 |
| commit | 59e8c71786fd1c154904b3fefa7d26d88f4d92d2 (patch) | |
| tree | 3a352e838b25a402c608913aeca21f471d75a826 /examples/ssr/src/components/Header.astro | |
| parent | 1f9e4857ff2b2cb7db89d619618cdf546cd3b3dc (diff) | |
| download | astro-59e8c71786fd1c154904b3fefa7d26d88f4d92d2.tar.gz astro-59e8c71786fd1c154904b3fefa7d26d88f4d92d2.tar.zst astro-59e8c71786fd1c154904b3fefa7d26d88f4d92d2.zip | |
Format astro files in examples (#3862)
Diffstat (limited to 'examples/ssr/src/components/Header.astro')
| -rw-r--r-- | examples/ssr/src/components/Header.astro | 20 |
1 files changed, 10 insertions, 10 deletions
diff --git a/examples/ssr/src/components/Header.astro b/examples/ssr/src/components/Header.astro index 426fb4be5..271f73e53 100644 --- a/examples/ssr/src/components/Header.astro +++ b/examples/ssr/src/components/Header.astro @@ -1,13 +1,14 @@ --- -import TextDecorationSkip from './TextDecorationSkip.astro'; -import Cart from './Cart.svelte'; -import { getCart } from '../api'; +import TextDecorationSkip from "./TextDecorationSkip.astro"; +import Cart from "./Cart.svelte"; +import { getCart } from "../api"; const cart = await getCart(Astro.request); const cartCount = cart.items.reduce((sum, item) => sum + item.count, 0); --- + <style> - @import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap'); + @import url("https://fonts.googleapis.com/css2?family=Lobster&display=swap"); header { margin: 1rem 2rem; @@ -17,11 +18,12 @@ const cartCount = cart.items.reduce((sum, item) => sum + item.count, 0); h1 { margin: 0; - font-family: 'Lobster', cursive; + font-family: "Lobster", cursive; color: black; } - a, a:visited { + a, + a:visited { color: inherit; text-decoration: none; } @@ -35,14 +37,12 @@ const cartCount = cart.items.reduce((sum, item) => sum + item.count, 0); margin-right: 1rem; } </style> -<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> +<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" /> <header> <h1><a href="/"><TextDecorationSkip text="Online Store" /></a></h1> <div class="right-pane"> <a href="/login"> - <span class="material-icons"> - login - </span> + <span class="material-icons"> login</span> </a> <Cart client:idle count={cartCount} /> </div> |