style(docs): update header

simsustech · Dec 5, 2024 · 723f287 · 723f287
1 parent 0bcaeb8
commit 723f287
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/packages/docs/src/layouts/MainLayout.vue b/packages/docs/src/layouts/MainLayout.vue
@@ -9,12 +9,17 @@
         <q-avatar
           square
           style="height: 50px; width: 50px"
-          class="q-mt-xs q-mb-xs q-ml-lg"
+          :class="{
+            'q-mt-xs': true,
+            'q-mb-xs': true,
+            'q-ml-sm': $q.screen.lt.lg,
+            'q-ml-md': $q.screen.gt.md
+          }"
         >
           <img alt="Logo" :src="logo" />
         </q-avatar>
 
-        <q-toolbar-title> SlimFact </q-toolbar-title>
+        <q-toolbar-title :shrink="$q.screen.lt.md"> SlimFact </q-toolbar-title>
 
         <q-tabs v-model="tab" class="gt-sm">
           <q-route-tab