Tweak layout

resources/js/Shared/Layout.vue

@@ -3,7 +3,7 @@
     <portal-target name="dropdown" slim />
     <portal-target name="dropdown" slim />
     <div class="flex flex-col">
     <div class="flex flex-col">
       <div class="h-screen flex flex-col" @click="hideDropdownMenus">
       <div class="h-screen flex flex-col" @click="hideDropdownMenus">
-        <div class="md:flex">
+        <div class="md:flex flex-shrink-0">
           <div class="bg-indigo-900 md:flex-shrink-0 md:w-56 px-6 py-4 flex items-center justify-between md:justify-center">
           <div class="bg-indigo-900 md:flex-shrink-0 md:w-56 px-6 py-4 flex items-center justify-between md:justify-center">
             <inertia-link class="mt-1" href="/">
             <inertia-link class="mt-1" href="/">
               <logo class="fill-white" width="120" height="28" />
               <logo class="fill-white" width="120" height="28" />
@@ -35,7 +35,7 @@
         </div>
         </div>
         <div class="flex flex-grow overflow-hidden">
         <div class="flex flex-grow overflow-hidden">
           <main-menu :url="url()" class="bg-indigo-800 flex-shrink-0 w-56 p-12 hidden md:block overflow-y-auto" />
           <main-menu :url="url()" class="bg-indigo-800 flex-shrink-0 w-56 p-12 hidden md:block overflow-y-auto" />
-          <div class="flex-1 overflow-hidden px-4 py-8 md:p-12 overflow-y-auto" scroll-region>
+          <div class="flex-1 px-4 py-8 md:p-12 overflow-y-auto" scroll-region>
             <flash-messages />
             <flash-messages />
             <slot />
             <slot />
           </div>
           </div>