atasistro
/
pingcrm
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fix mobile scrolling issues

This commit is contained in:
Jonathan Reinink 2020-09-26 07:27:51 -04:00
parent 73f38911a2
commit c322e813f0
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
resources/js/Shared/Layout.vue
View File

@ -1,9 +1,9 @@
<template> <template>
<div> <div>
<portal-target name="dropdown" slim /> <portal-target name="dropdown" slim />
<div class="flex flex-col"> <div class="md:flex md:flex-col">
<div class="h-screen flex flex-col" @click="hideDropdownMenus"> <div class="md:h-screen md:flex md:flex-col" @click="hideDropdownMenus">
<div class="md:flex flex-shrink-0"> <div class="md:flex md: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" />
@ -33,9 +33,9 @@
</dropdown> </dropdown>
</div> </div>
</div> </div>
<div class="flex flex-grow overflow-hidden"> <div class="md:flex md:flex-grow md: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="hidden md:block bg-indigo-800 flex-shrink-0 w-56 p-12 overflow-y-auto" />
<div class="flex-1 px-4 py-8 md:p-12 overflow-y-auto" scroll-region> <div class="md:flex-1 px-4 py-8 md:p-12 md:overflow-y-auto" scroll-region>
<flash-messages /> <flash-messages />
<slot /> <slot />
</div> </div>