fix: extra top spacing on xl for all routes

components/common/CommonRouteTabs.vue

@@ -43,9 +43,9 @@ useCommands(() => command
         exact-active-class="children:(text-secondary !border-primary !op100 !text-base)"
         @click="!preventScrollTop && $scrollToTop()"
       >
-        <span ws-nowrap mxa sm:px2 sm:py3 py2 text-center border-b-3 text-secondary-light hover:text-secondary border-transparent>{{ option.display }}</span>
+        <span ws-nowrap mxa sm:px2 sm:py3 xl:pb4 xl:pt5 py2 text-center border-b-3 text-secondary-light hover:text-secondary border-transparent>{{ option.display }}</span>
       </NuxtLink>
-      <div v-else flex flex-auto sm:px6 px2>
+      <div v-else flex flex-auto sm:px6 px2 xl:pb4 xl:pt5>
         <span ws-nowrap mxa sm:px2 sm:py3 py2 text-center text-secondary-light op50>{{ option.display }}</span>
       </div>
     </template>

components/main/MainContent.vue

@@ -37,6 +37,7 @@ defineProps<{
       </div>
       <slot name="header" />
     </div>
+    <div hidden xl:block h-6 />
     <slot />
   </div>
 </template>

components/timeline/TimelineHome.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import type { Status } from 'masto'
 const paginator = useMasto().timelines.iterateHome()
 const stream = useMasto().stream.streamUser()
 onBeforeUnmount(() => stream?.then(s => s.disconnect()))

pages/home.vue

@@ -21,6 +21,6 @@ useHeadFixed({
       </NuxtLink>
     </template>
 
-    <TimelineHome v-if="isMastoInitialised" mt-4 />
+    <TimelineHome v-if="isMastoInitialised" />
   </MainContent>
 </template>