move q-header

y-chan · Nov 14, 2021 · fd3c3d9 · fd3c3d9
1 parent 1da38f2
commit fd3c3d9
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 18 deletions.
diff --git a/src/components/HeaderBar.vue b/src/components/HeaderBar.vue
@@ -1,21 +1,19 @@
 <template>
-  <q-header class="q-py-sm">
-    <q-toolbar>
-      <template v-for="button in headerButtons" :key="button.text">
-        <q-space v-if="button.text === null" />
-        <q-btn
-          v-else
-          unelevated
-          color="background-light"
-          text-color="display-dark"
-          class="text-no-wrap text-bold q-mr-sm"
-          :disable="button.disable.value"
-          @click="button.click"
-          >{{ button.text }}</q-btn
-        >
-      </template>
-    </q-toolbar>
-  </q-header>
+  <q-toolbar>
+    <template v-for="button in headerButtons" :key="button.text">
+      <q-space v-if="button.text === null" />
+      <q-btn
+        v-else
+        unelevated
+        color="background-light"
+        text-color="display-dark"
+        class="text-no-wrap text-bold q-mr-sm"
+        :disable="button.disable.value"
+        @click="button.click"
+        >{{ button.text }}</q-btn
+      >
+    </template>
+  </q-toolbar>
 </template>
 
 <script lang="ts">

diff --git a/src/views/Home.vue b/src/views/Home.vue
@@ -2,7 +2,9 @@
   <menu-bar />
 
   <q-layout reveal elevated>
-    <header-bar />
+    <q-header class="q-py-sm">
+      <header-bar />
+    </q-header>
 
     <q-page-container>
       <q-page class="main-row-panes bg-background">