From fd3c3d901f2be510d2f4b618a134ade9825623ee Mon Sep 17 00:00:00 2001
From: y-chan <y-chan@y-chan.dev>
Date: Sun, 14 Nov 2021 16:09:29 +0900
Subject: [PATCH] move q-header

---
 src/components/HeaderBar.vue | 32 +++++++++++++++-----------------
 src/views/Home.vue           |  4 +++-
 2 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/src/components/HeaderBar.vue b/src/components/HeaderBar.vue
index 9e96478d54..b18aeb9dc1 100644
--- 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
index c050645fef..4f7a2a46db 100644
--- 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">