Update responsive classes in Aside and Header components

This commit is contained in:
Dede Fuji Abdul
2024-03-05 08:38:33 +07:00
parent 9dcef310ae
commit 88d638e4a1
4 changed files with 12 additions and 12 deletions

View File

@ -1,9 +1,9 @@
<template>
<main
class="flex flex-col justify-between flex-1 px-4 overflow-y-auto bg-white md:mr-3 sm:px-3 md:px-6 rounded-t-2xl md:rounded-t-3xl no-scroll-bar"
class="flex flex-col justify-between flex-1 px-4 overflow-y-auto bg-white lg:mr-3 sm:px-3 lg:px-6 rounded-t-2xl lg:rounded-t-3xl no-scroll-bar"
>
<div v-if="route.path !== '/home'" class="mt-4 lg:mt-6 max-w-7xl">
<h1 class="text-lg font-semibold md:text-2xl text-dark">{{ pageTitle }}</h1>
<h1 class="text-lg font-semibold md:text-xl text-dark">{{ pageTitle }}</h1>
</div>
<div class="flex-1 mt-2 sm:mt-4 dx-viewport">
<slot></slot>