update Layout and remove inertia

Author: Andres Vargas

demo/static/src/Pages/Login.vue

@@ -35,7 +35,7 @@ export default {
     TextInput,
   },
   props: {
-    errors: Array,
+    errors: Array
   },
   data() {
     return {

demo/static/src/Shared/Layout.vue

@@ -3,7 +3,7 @@
     <portal-target name="dropdown" slim />
     <div class="flex flex-col">
       <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">
             <inertia-link class="mt-1" href="/">
               <logo class="fill-white" width="120" height="28" />
@@ -41,7 +41,7 @@
         </div>
         <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" />
-          <div class="flex-1 overflow-hidden px-4 py-8 md:p-12 overflow-y-auto">
+          <div class="flex-1 px-4 py-8 md:p-12 overflow-y-auto" scroll-region>
 
             <flash-messages />
             <slot />
@@ -83,4 +83,4 @@ export default {
     },
   },
 }
-</script>
+</script>