From 65ce0ef6920ca077b2dd17c353bf4255695ad147 Mon Sep 17 00:00:00 2001
From: Sam Carlton <sam@sam.lc>
Date: Sat, 21 Nov 2020 20:24:44 -0600
Subject: [PATCH] Fix overflowing menu on tablet screens

---
 components/navbar.vue | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/components/navbar.vue b/components/navbar.vue
index 5eee094..def8a9b 100644
--- a/components/navbar.vue
+++ b/components/navbar.vue
@@ -6,10 +6,10 @@
             isOpen ? 'bg-blur' : ''
         ]"
     >
-        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+        <div class="max-w-7xl mx-auto px-4 lg:px-6 lg:px-8">
             <div class="flex justify-between h-16">
                 <div class="flex">
-                    <div class="-ml-2 mr-2 flex items-center md:hidden">
+                    <div class="-ml-2 mr-2 flex items-center lg:hidden">
                         <!-- Mobile menu button -->
                         <button
                             :aria-expanded="isOpen ? 'true' : 'false'"
@@ -45,10 +45,10 @@
                             </svg>
                         </button>
                     </div>
-                    <div class="flex-shrink-0 flex items-center text-4xl md:text-5xl py-3">
+                    <div class="flex-shrink-0 flex items-center text-4xl lg:text-5xl py-3">
                         <div>🦾</div>
                     </div>
-                    <div class="hidden md:ml-6 md:flex md:items-center space-x-4">
+                    <div class="hidden lg:ml-6 lg:flex lg:items-center space-x-4">
                         <a
                             v-for="(item, index) in items"
                             :key="index"
@@ -104,11 +104,11 @@
         -->
         <div
             :class="[
-                'md:hidden',
+                'lg:hidden',
                 isOpen ? 'block' : 'hidden'
             ]"
         >
-            <div class="px-2 pt-2 pb-3 sm:px-3">
+            <div class="px-2 pt-2 pb-3 lg:px-3">
                 <a
                     v-for="(item, index) in items"
                     :key="index"