From 7c6a81961b8ce43b40165ae2fbc5817192b69598 Mon Sep 17 00:00:00 2001
From: patak <matias.capeletto@gmail.com>
Date: Fri, 6 Jan 2023 11:52:58 +0100
Subject: [PATCH] fix: extra top spacing on xl for all routes

---
 components/common/CommonRouteTabs.vue | 4 ++--
 components/main/MainContent.vue       | 1 +
 components/timeline/TimelineHome.vue  | 1 -
 pages/home.vue                        | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/common/CommonRouteTabs.vue b/components/common/CommonRouteTabs.vue
index a356e364..75ca06e6 100644
--- a/components/common/CommonRouteTabs.vue
+++ b/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>
diff --git a/components/main/MainContent.vue b/components/main/MainContent.vue
index 584b0c98..e606e4e3 100644
--- a/components/main/MainContent.vue
+++ b/components/main/MainContent.vue
@@ -37,6 +37,7 @@ defineProps<{
       </div>
       <slot name="header" />
     </div>
+    <div hidden xl:block h-6 />
     <slot />
   </div>
 </template>
diff --git a/components/timeline/TimelineHome.vue b/components/timeline/TimelineHome.vue
index baf4a13b..d1a83633 100644
--- a/components/timeline/TimelineHome.vue
+++ b/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()))
diff --git a/pages/home.vue b/pages/home.vue
index b40b2850..cd0f2860 100644
--- a/pages/home.vue
+++ b/pages/home.vue
@@ -21,6 +21,6 @@ useHeadFixed({
       </NuxtLink>
     </template>
 
-    <TimelineHome v-if="isMastoInitialised" mt-4 />
+    <TimelineHome v-if="isMastoInitialised" />
   </MainContent>
 </template>