defuj/apkt-eis
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update title page size

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
src/assets/css/style.css
View File

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

6
src/components/Pages/MenuProvider.vue
View File

@ -1,7 +1,7 @@
<template> <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"> <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-2 max-w-7xl sm:pt-4 md:pt-6"> <div v-if="route.path !== '/home'" class="pt-4 max-w-7xl">
<h1 class="text-lg font-medium md:text-2xl lg:text-3xl text-dark">{{ currentRouteName }}</h1> <h1 class="text-xl font-medium md:text-3xl text-dark">{{ currentRouteName }}</h1>
</div> </div>
<div class="mt-2 sm:mt-4 dx-viewport"> <div class="mt-2 sm:mt-4 dx-viewport">
<slot></slot> <slot></slot>