diff options
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> |