responsived
This commit is contained in:
@@ -41,10 +41,10 @@ watch(
|
||||
<Transition name="fade-right">
|
||||
<div
|
||||
v-show="isSideShow"
|
||||
class="hidden md:flex w-1/3 bg-white h-full rounded-e-[1.5rem] overflow-hidden fixed top-0 right-0 min-md:flex-col"
|
||||
class="flex flex-col w-full lg:w-1/3 bg-white h-full lg:rounded-e-[1.5rem] overflow-hidden fixed top-0 right-0 min-md:flex-col"
|
||||
>
|
||||
<div
|
||||
class="w-full flex justify-between items-center py-[2.5rem] px-[3rem]"
|
||||
class="w-full flex justify-between items-center py-[1.5rem] lg:py-[2.5rem] px-[1.5rem] lg:px-[3rem]"
|
||||
>
|
||||
<span class="typo-h-5">
|
||||
{{ title }}
|
||||
@@ -63,7 +63,7 @@ watch(
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="size-full flex flex-col grow overflow-y-auto p-[3rem] pt-0"
|
||||
class="size-full flex flex-col grow overflow-y-auto py-[1.5rem] lg:py-[2.5rem] px-[1.5rem] lg:px-[3rem] pt-0"
|
||||
>
|
||||
<slot />
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user