update title page size

This commit is contained in:
Dede Fuji Abdul 2023-10-27 09:18:10 +07:00
parent dca8a81670
commit 70a6353c98
2 changed files with 36 additions and 3 deletions

View File

@ -1608,6 +1608,16 @@ select {
border-top-right-radius: 1.5rem;
}
.rounded-t-xl {
border-top-left-radius: 0.75rem;
border-top-right-radius: 0.75rem;
}
.rounded-t-2xl {
border-top-left-radius: 1rem;
border-top-right-radius: 1rem;
}
.border {
border-width: 1px;
}
@ -2030,6 +2040,14 @@ select {
padding-top: 1.25rem;
}
.pt-6 {
padding-top: 1.5rem;
}
.pt-4 {
padding-top: 1rem;
}
.text-left {
text-align: left;
}
@ -2080,6 +2098,11 @@ select {
line-height: 1rem;
}
.text-xl {
font-size: 1.25rem;
line-height: 1.75rem;
}
.font-bold {
font-weight: 700;
}
@ -3195,6 +3218,11 @@ select {
flex-direction: column;
}
.md\:rounded-t-3xl {
border-top-left-radius: 1.5rem;
border-top-right-radius: 1.5rem;
}
.md\:bg-primary-500 {
--tw-bg-opacity: 1;
background-color: rgb(3 91 113 / var(--tw-bg-opacity));
@ -3235,6 +3263,11 @@ select {
font-size: 1.5rem;
line-height: 2rem;
}
.md\:text-3xl {
font-size: 1.875rem;
line-height: 2.25rem;
}
}
@media (min-width: 1024px) {

View File

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