fix: making it mobile first

Author: technikhil314

components/navbar.vue

@@ -3,7 +3,7 @@
     class="fixed top-0 left-0 right-0 text-gray-800 shadow-lg  dark:shadow-dark bg-gray-50 dark:bg-gray-900 z-100 dark:text-gray-50"
   >
     <div class="container flex items-center h-full py-4 m-auto">
-      <div v-if="showBackButton" class="mr-4">
+      <div v-if="showBackButton" class="hidden mr-4 md:block">
         <NuxtLink to="/">
           <svg
             class="w-6 h-6"

pages/diff/_diff.vue

@@ -13,7 +13,7 @@
         >
           <span class="inline-flex justify-center" v-show="copied">
             <svg
-              class="inline-block w-6 h-6 mr-2 ml-[-4px]"
+              class="inline-block w-6 h-6 ml-[-4px]"
               fill="none"
               stroke="currentColor"
               viewBox="0 0 24 24"
@@ -26,11 +26,11 @@
                 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"
               ></path>
             </svg>
-            <span>Copied</span>
+            <span class="hidden ml-2 md:inline-block">Copied</span>
           </span>
           <span class="inline-flex justify-center" v-show="!copied">
             <svg
-              class="w-6 h-6 mr-2"
+              class="w-6 h-6"
               fill="none"
               stroke="currentColor"
               viewBox="0 0 24 24"
@@ -43,7 +43,7 @@
                 d="M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1"
               ></path>
             </svg>
-            <span>Copy link</span>
+            <span class="hidden ml-2 md:inline-block">Copy link</span>
           </span>
         </button>
       </template>

pages/index.vue

@@ -18,7 +18,7 @@
             id="rhs"
             class="flex-1 h-full max-h-full bg-transparent rounded-md resize-none  form-textarea"
           ></textarea>
-          <div class="self-end w-full text-center">
+          <div class="self-end flex-grow-0 w-full text-center">
             <button
               class="inline-flex items-center justify-center w-48 px-4 py-2 transition-transform transform bg-blue-600 rounded-md shadow-lg outline-none  text-gray-50 focus:ring-4 active:scale-y-75"
             >