style(docs): fix overflow, text colors and mobile nav

raymondmuller · May 8, 2024 · 7d61979 · 7d61979
1 parent 3ff1ba5
commit 7d61979
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/apps/docs/.vitepress/theme/components/Logo.vue b/apps/docs/.vitepress/theme/components/Logo.vue
@@ -2,7 +2,7 @@
 </script>
 
 <template>
-  <a href="/docs/introduction" class="mr-4 md:mr-2 lg:mr-6 flex items-center lg:space-x1 xl:space-x-2">
+  <a href="/docs/introduction" class="mr-4 md:mr-2 lg:mr-6 flex items-center space-x-3">
     <img src="https://assets-global.website-files.com/6347244ba8d63489ba51c08e/6347244ba8d63469e851c0d6_footer%20small%20logo.svg" alt="Lemon Squeezy Logo">
 
     <span class="font-sans text-2xl font-medium text-white md:block">

diff --git a/apps/docs/.vitepress/theme/components/MobileNav.vue b/apps/docs/.vitepress/theme/components/MobileNav.vue
@@ -14,7 +14,7 @@ const open = ref(false);
     <SheetTrigger as-child>
       <Button
         variant="ghost"
-        class="flex-shrink-0 px-2 mr-2 text-base hover:bg-transparent focus-visible:bg-transparent focus-visible:ring-0 focus-visible:ring-offset-0 md:hidden"
+        class="text-white/70 flex-shrink-0 px-2 mr-2 text-base hover:bg-transparent focus-visible:bg-transparent focus-visible:ring-0 focus-visible:ring-offset-0 md:hidden"
       >
         <svg
           strokeWidth="1.5"

diff --git a/apps/docs/.vitepress/theme/layout/MainLayout.vue b/apps/docs/.vitepress/theme/layout/MainLayout.vue
@@ -87,7 +87,7 @@ watch(() => $route.path, (_) => {
 
         <div>
           <nav
-            class="flex items-center space-x-6 text-sm font-medium max-lg:space-x-4"
+            class="hidden md:flex items-center space-x-6 text-sm font-medium max-lg:space-x-4"
           >
             <a
               v-for="route in docsConfig.mainNav"
@@ -126,7 +126,7 @@ watch(() => $route.path, (_) => {
               v-for="link in links"
               :key="link.name"
               as="a"
-              class="w-9 h-9"
+              class="w-9 h-9 text-white/70"
               :href="link.href" target="_blank"
               variant="link"
               size="xs-icon"