From 7bad39e62972e4ccd42c2dcfc89f69de7630c190 Mon Sep 17 00:00:00 2001 From: Dede Fuji Abdul Date: Thu, 7 Mar 2024 17:05:21 +0700 Subject: [PATCH] Update Type7.vue and DetailDialog.vue components, and style.css --- src/assets/css/style.css | 26 + src/components/Dialogs/DetailDialog.vue | 7 +- src/components/Form/FiltersType/Type7.vue | 2 +- src/components/InputText.vue | 45 +- .../Pages/Gangguan/Rekap/RGangguan_ALL.vue | 130 +- .../Gangguan/Rekap/RGangguan_AlihPosko.vue | 144 +- .../Rekap/RGangguan_BerdasarMedia.vue | 135 +- .../Pages/Keluhan/Daftar/DKeluhan_DKUL.vue | 221 +- src/utils/dummy.ts | 3652 +++++++++++++++++ 9 files changed, 3987 insertions(+), 375 deletions(-) diff --git a/src/assets/css/style.css b/src/assets/css/style.css index 7979ffd..3bd137d 100755 --- a/src/assets/css/style.css +++ b/src/assets/css/style.css @@ -1679,6 +1679,10 @@ body { min-height: 100vh; } +.min-h-\[40px\] { + min-height: 40px; +} + .w-0 { width: 0px; } @@ -2212,6 +2216,18 @@ body { margin-bottom: calc(0.75rem * var(--tw-space-y-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-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))); @@ -3273,6 +3289,10 @@ body { text-align: start; } +.\!align-top { + vertical-align: top !important; +} + .align-middle { vertical-align: middle; } @@ -6064,6 +6084,12 @@ 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; diff --git a/src/components/Dialogs/DetailDialog.vue b/src/components/Dialogs/DetailDialog.vue index f82cc9b..f9c6de5 100755 --- a/src/components/Dialogs/DetailDialog.vue +++ b/src/components/Dialogs/DetailDialog.vue @@ -5,7 +5,7 @@ import { DialogTitle, TransitionChild, TransitionRoot -} from '@headlessui/vue' +} from '@headlessui/vue'; defineProps({ open: { type: Boolean, @@ -45,9 +45,10 @@ const handleOnClose = () => { :class="[fullWidth ? 'sm:max-w-[90%]' : 'sm:max-w-lg', 'relative overflow-hidden text-left transition-all transform bg-gray-50 rounded-2xl sm:my-8 sm:w-full']">
-
+
- + {{ title }}
diff --git a/src/components/Form/FiltersType/Type7.vue b/src/components/Form/FiltersType/Type7.vue index 5b5dc5a..ad0f5f6 100755 --- a/src/components/Form/FiltersType/Type7.vue +++ b/src/components/Form/FiltersType/Type7.vue @@ -33,7 +33,7 @@ const props = defineProps({ { id: 2, name: 'Melebihi SLA (> 45 menit)', - min: '1', + min: '46', max: `${99999 * 60 * 24}` } ] diff --git a/src/components/InputText.vue b/src/components/InputText.vue index daacb06..85d0d46 100755 --- a/src/components/InputText.vue +++ b/src/components/InputText.vue @@ -1,5 +1,5 @@ diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_BerdasarMedia.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_BerdasarMedia.vue index aadb932..caf6915 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_BerdasarMedia.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_BerdasarMedia.vue @@ -1,91 +1,54 @@