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

Update padding values and grid columns in style.css and tailwind.css

Browse Source
This commit is contained in:
Dede Fuji Abdul 2024-03-04 20:39:56 +07:00
parent d117f48b5e
commit 6748b9202e
2 changed files with 38 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -955,8 +955,8 @@ body {
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
padding-top: 0.625rem;
padding-bottom: 0.625rem;
font-size: 0.875rem;
line-height: 1.25rem;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
@ -2115,6 +2115,10 @@ body {
gap: 0.75rem;
}
.gap-4 {
gap: 1rem;
}
.gap-x-1 {
-moz-column-gap: 0.25rem;
column-gap: 0.25rem;
@ -5873,23 +5877,10 @@ body {
}
@media (min-width: 768px) {
.md\:fixed {
position: fixed;
}
.md\:inset-y-0 {
top: 0px;
bottom: 0px;
}
.md\:ml-6 {
margin-left: 1.5rem;
}
.md\:ml-80 {
margin-left: 20rem;
}
.md\:mr-3 {
margin-right: 0.75rem;
}
@ -5906,14 +5897,6 @@ body {
display: block;
}
.md\:flex {
display: flex;
}
.md\:hidden {
display: none;
}
.md\:h-16 {
height: 4rem;
}
@ -5922,10 +5905,6 @@ body {
width: 50%;
}
.md\:w-80 {
width: 20rem;
}
.md\:w-\[300px\] {
width: 300px;
}
@ -5934,8 +5913,8 @@ body {
width: 440px;
}
.md\:flex-col {
flex-direction: column;
.md\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md\:rounded-t-3xl {
@ -5966,10 +5945,6 @@ body {
padding-left: 1rem;
}
.md\:pl-80 {
padding-left: 20rem;
}
.md\:text-2xl {
font-size: 1.5rem;
line-height: 2rem;
@ -5977,6 +5952,15 @@ body {
}
@media (min-width: 1024px) {
.lg\:fixed {
position: fixed;
}
.lg\:inset-y-0 {
top: 0px;
bottom: 0px;
}
.lg\:mx-0 {
margin-left: 0px;
margin-right: 0px;
@ -5986,6 +5970,10 @@ body {
margin-bottom: 0px;
}
.lg\:ml-80 {
margin-left: 20rem;
}
.lg\:mr-1 {
margin-right: 0.25rem;
}
@ -6002,6 +5990,14 @@ body {
display: block;
}
.lg\:flex {
display: flex;
}
.lg\:hidden {
display: none;
}
.lg\:h-10 {
height: 2.5rem;
}
@ -6026,6 +6022,10 @@ body {
flex-direction: row;
}
.lg\:flex-col {
flex-direction: column;
}
.lg\:flex-nowrap {
flex-wrap: nowrap;
}
@ -6053,6 +6053,10 @@ body {
padding-right: 2rem;
}
.lg\:pl-80 {
padding-left: 20rem;
}
.lg\:text-xs {
font-size: 0.75rem;
line-height: 1rem;

2
src/assets/css/tailwind.css
View File

@ -51,7 +51,7 @@
@apply block mb-2 text-xs font-semibold text-gray-800 sm:mb-0;
}
.rich-select-trigger{
@apply bg-gray-200 border-none focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-opacity-75 focus-visible:ring-offset-2 focus-visible:ring-offset-teal-300 relative flex items-center justify-between w-full focus:z-10 cursor-pointer text-sm transition duration-100 ease-in-out disabled:opacity-50 disabled:cursor-not-allowed px-4 py-3;
@apply bg-gray-200 border-none focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-opacity-75 focus-visible:ring-offset-2 focus-visible:ring-offset-teal-300 relative flex items-center justify-between w-full focus:z-10 cursor-pointer text-sm transition duration-100 ease-in-out disabled:opacity-50 disabled:cursor-not-allowed px-4 py-2.5;
}
.rich-select-search-input{
@apply inline-block focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-opacity-75 focus-visible:ring-offset-2 focus-visible:ring-offset-teal-300 w-full text-sm px-4 py-2.5 text-gray-700 placeholder-gray-500/60 border-0 rounded-lg bg-gray-200;