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

Refactor CSS and update input layout in Type11.vue

Browse Source
This commit is contained in:
Dede Fuji Abdul 2024-03-10 19:02:12 +07:00
parent ef9e4ab1f7
commit 47470402f0
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -3261,14 +3261,14 @@ body {
text-align: left; text-align: left;
} }
.text-center {
text-align: center;
}
.\!text-center { .\!text-center {
text-align: center !important; text-align: center !important;
} }
.text-center {
text-align: center;
}
.\!text-right { .\!text-right {
text-align: right !important; text-align: right !important;
} }

8
src/components/Form/FiltersType/Type11.vue
View File

@ -130,12 +130,12 @@ onMounted(() => {
<div class="flex flex-col flex-1 space-y-2"> <div class="flex flex-col flex-1 space-y-2">
<label class="filter-input-label">Durasi:</label> <label class="filter-input-label">Durasi:</label>
<div class="flex flex-col gap-y-1"> <div class="flex flex-col gap-y-2">
<Select @update:selected="changeDuration($event)" :data="sla" placeholder="Durasi Menit" /> <Select @update:selected="changeDuration($event)" :data="sla" placeholder="Durasi Menit" />
<div class="grid grid-flow-col auto-cols-auto gap-x-1.5"> <div class="flex flex-1 flex-row justify-between gap-x-1.5">
<InputWithSuffix :value="`${data.minTime} Menit`" /> <InputWithSuffix :value="`${data.minTime} Menit`" class="flex flex-1" />
<small class="flex items-center">s/d</small> <small class="flex items-center">s/d</small>
<InputWithSuffix :value="`${data.maxTime} Menit`" /> <InputWithSuffix :value="`${data.maxTime} Menit`" class="flex flex-1" />
</div> </div>
</div> </div>
</div> </div>