diff options
| author | Leonardo Bishop <me@leonardobishop.com> | 2024-02-15 14:01:30 +0000 |
|---|---|---|
| committer | Leonardo Bishop <me@leonardobishop.com> | 2024-02-15 14:01:30 +0000 |
| commit | 2aca4247c5d0c7061a300517178dd31316b65fab (patch) | |
| tree | 10e145c2b57d76c778bdf1a11191495dcfe191f3 /src/components/Header | |
Initial commit
Diffstat (limited to 'src/components/Header')
| -rw-r--r-- | src/components/Header/SiteHeader.vue | 43 |
1 files changed, 43 insertions, 0 deletions
diff --git a/src/components/Header/SiteHeader.vue b/src/components/Header/SiteHeader.vue new file mode 100644 index 0000000..f51e970 --- /dev/null +++ b/src/components/Header/SiteHeader.vue @@ -0,0 +1,43 @@ +<template> + <header> + <div id="nav"> + <img src="@/assets/quests-logo.png" alt="Quests logo" /> + <h1>Quests Web Editor</h1> + <code>Preview</code> + </div> + </header> +</template> + +<style lang="scss" scoped> + +#nav { + padding: 1rem 1rem 0.5rem 1rem; + display: flex; + align-items: center; + justify-content: flex-start; + max-height: 72px; + gap: 1rem; + + img { + max-width: 3rem; + height: auto; + } + + h1 { + font-size: 1.5rem; + margin: -5px 0 0 0; + font-weight: 700; + } + + code { + font-size: 0.8rem; + color: var(--color-text-mute); + } + +} + +header { + border-bottom: 1px solid var(--color-border); +} + +</style>
\ No newline at end of file |