diff options
Diffstat (limited to 'components/header/SiteHeader.vue')
| -rw-r--r-- | components/header/SiteHeader.vue | 18 |
1 files changed, 18 insertions, 0 deletions
diff --git a/components/header/SiteHeader.vue b/components/header/SiteHeader.vue index 0773a03..75686d8 100644 --- a/components/header/SiteHeader.vue +++ b/components/header/SiteHeader.vue @@ -1,3 +1,6 @@ +<script setup land="ts"> +</script> + <template> <header> <div id="nav"> @@ -5,6 +8,11 @@ <h1>Quests Web Editor</h1> <code>Preview</code> </div> + + <div id="controls"> + <LoaderTestDataButton /> + <LoaderFileSystemButton /> + </div> </header> </template> @@ -36,11 +44,21 @@ } +#controls { + padding: 1rem; + display: flex; + align-items: center; + justify-content: center; + gap: 1rem; +} + 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; + display: flex; + justify-content: space-between; } </style>
\ No newline at end of file |
