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

Update CSS styles and input layout

Browse Source
This commit is contained in:
Dede Fuji Abdul 2024-03-08 09:27:12 +07:00
parent be0128398c
commit dec65b2588
2 changed files with 11 additions and 57 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1791,6 +1791,10 @@ body {
width: 10px;
}
.w-\[135px\] {
width: 135px;
}
.w-\[170px\] {
width: 170px;
}
@ -1823,10 +1827,6 @@ body {
width: 100vw;
}
.w-\[135px\] {
width: 135px;
}
.min-w-0 {
min-width: 0px;
}
@ -2202,12 +2202,6 @@ body {
margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(1rem * var(--tw-space-x-reverse));
margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
@ -2226,12 +2220,6 @@ body {
margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
--tw-divide-y-reverse: 0;
border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
@ -6038,6 +6026,10 @@ body {
margin-right: 0.75rem;
}
.lg\:mr-4 {
margin-right: 1rem;
}
.lg\:mt-12 {
margin-top: 3rem;
}
@ -6046,10 +6038,6 @@ body {
margin-top: 1.5rem;
}
.lg\:mr-4 {
margin-right: 1rem;
}
.lg\:block {
display: block;
}
@ -6078,34 +6066,6 @@ body {
width: 20rem;
}
.lg\:w-4\/12 {
width: 33.333333%;
}
.lg\:w-6\/12 {
width: 50%;
}
.lg\:w-1\/4 {
width: 25%;
}
.lg\:w-3\/4 {
width: 75%;
}
.lg\:w-2\/5 {
width: 40%;
}
.lg\:w-3\/5 {
width: 60%;
}
.lg\:w-8\/12 {
width: 66.666667%;
}
.lg\:w-\[30\%\] {
width: 30%;
}
@ -6136,12 +6096,6 @@ body {
margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.lg\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
.lg\:rounded-t-3xl {
border-top-left-radius: 1.5rem;
border-top-right-radius: 1.5rem;

6
src/components/Form/FiltersType/Type10.vue
View File

@ -83,10 +83,10 @@ onMounted(() => {
<div class="flex flex-col flex-1 space-y-2">
<label class="filter-input-label">Lapor Ulang:</label>
<div class="grid grid-flow-col auto-cols-auto gap-x-1.5">
<InputNumber @update:time-value="(value) => (data.minJmlLapor = value)" />
<div class="flex flex-1 justify-between gap-x-1.5">
<InputNumber @update:time-value="(value) => (data.minJmlLapor = value)" class="flex flex-1" />
<small class="flex items-center">s/d</small>
<InputNumber @update:time-value="(value) => (data.maxJmlLapor = value)" />
<InputNumber @update:time-value="(value) => (data.maxJmlLapor = value)" class="flex flex-1" />
</div>
</div>
</div>