summaryrefslogtreecommitdiff
path: root/examples/ssr/src/components/Header.astro
blob: 2839c70d3d7f37710dde7b2a0e655fd4c860f288 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
---
import TextDecorationSkip from './TextDecorationSkip.astro';
import Cart from './Cart.svelte';
---
<style>
	@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');

	header {
		margin: 1rem 2rem;
		display: flex;
		justify-content: space-between;
	}

	h1 {
		margin: 0;
		font-family: 'Lobster', cursive;
		color: black;
	}

	a, a:visited {
		color: inherit;
		text-decoration: none;
	}
</style>
<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">
		<Cart client:idle />
	</div>
</header>