Add import from file system

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