diff options
| author | Leonardo Bishop <me@leonardobishop.com> | 2024-03-11 23:19:45 +0000 |
|---|---|---|
| committer | Leonardo Bishop <me@leonardobishop.com> | 2024-03-11 23:19:45 +0000 |
| commit | cc2f3987c3f6386da140fefcb1998cb1eef18839 (patch) | |
| tree | 8c99e16e4aa9884c738994d5b44679cc0cd221f8 /components/header | |
| parent | b0ab01ef6b715cafb12ecb2aa844a29c59c8a027 (diff) | |
Add extra razzmatazz
Diffstat (limited to 'components/header')
| -rw-r--r-- | components/header/SiteHeader.vue | 21 |
1 files changed, 12 insertions, 9 deletions
diff --git a/components/header/SiteHeader.vue b/components/header/SiteHeader.vue index f51e970..0773a03 100644 --- a/components/header/SiteHeader.vue +++ b/components/header/SiteHeader.vue @@ -2,14 +2,13 @@ <header> <div id="nav"> <img src="@/assets/quests-logo.png" alt="Quests logo" /> - <h1>Quests Web Editor</h1> - <code>Preview</code> + <h1>Quests Web Editor</h1> + <code>Preview</code> </div> - </header> + </header> </template> <style lang="scss" scoped> - #nav { padding: 1rem 1rem 0.5rem 1rem; display: flex; @@ -17,27 +16,31 @@ justify-content: flex-start; max-height: 72px; gap: 1rem; + color: var(--color-header-text); 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); + color: var(--color-header-text-mute); } - + } header { border-bottom: 1px solid var(--color-border); + background-color: var(--color-header); + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); + position: relative; + z-index: 1; } - </style>
\ No newline at end of file |