refactor: update modal components to improve layout and scrolling behavior for better user experience
Some checks are pending
linter / quality (push) Waiting to run
tests / ci (8.3) (push) Waiting to run
tests / ci (8.4) (push) Waiting to run
tests / ci (8.5) (push) Waiting to run

This commit is contained in:
Yoga Pangestu 2026-07-07 23:23:28 +07:00
parent 765e74d8a9
commit c2360ef1ed
10 changed files with 10 additions and 10 deletions

View File

@ -141,7 +141,7 @@ function formatNumber(value: number): string {
<template>
<Dialog v-model:open="open">
<DialogContent class="sm:max-w-md">
<DialogContent class="sm:max-w-md max-h-[90dvh] flex flex-col overflow-y-auto">
<DialogHeader>
<DialogTitle class="flex items-center gap-2">
Perubahan Stok Ecer

View File

@ -140,7 +140,7 @@ const placeholder = computed(() =>
<template>
<Dialog v-model:open="open">
<DialogContent class="sm:max-w-md">
<DialogContent class="sm:max-w-md max-h-[90dvh] flex flex-col overflow-y-auto">
<DialogHeader>
<DialogTitle>{{ dialogTitle }}</DialogTitle>
</DialogHeader>

View File

@ -108,7 +108,7 @@ function submit() {
<template>
<Dialog v-model:open="open">
<DialogContent class="sm:max-w-md">
<DialogContent class="sm:max-w-md max-h-[90dvh] flex flex-col overflow-y-auto">
<DialogHeader>
<DialogTitle>{{ isEditing ? 'Ubah Pengajuan Kasbon' : 'Ajukan Kasbon' }}</DialogTitle>
</DialogHeader>

View File

@ -115,7 +115,7 @@ function submit() {
<template>
<Dialog v-model:open="open">
<DialogContent class="sm:max-w-md">
<DialogContent class="sm:max-w-md max-h-[90dvh] flex flex-col overflow-y-auto">
<DialogHeader>
<DialogTitle>{{ isEditing ? 'Ubah Pengeluaran' : 'Tambah Pengeluaran' }}</DialogTitle>
</DialogHeader>

View File

@ -109,7 +109,7 @@ function submit() {
<template>
<Dialog v-model:open="open">
<DialogContent class="sm:max-w-2xl">
<DialogContent class="sm:max-w-2xl max-h-[90dvh] flex flex-col overflow-y-auto">
<DialogHeader>
<DialogTitle>Penyesuaian Gaji - {{ payroll?.employee_name }}</DialogTitle>
</DialogHeader>

View File

@ -151,7 +151,7 @@ onBeforeUnmount(() => {
<template>
<Dialog v-model:open="open">
<DialogContent class="sm:max-w-lg">
<DialogContent class="sm:max-w-lg max-h-[90dvh] flex flex-col overflow-y-auto">
<DialogHeader>
<DialogTitle>{{ title }}</DialogTitle>
</DialogHeader>

View File

@ -84,7 +84,7 @@ async function submit() {
<template>
<Dialog v-model:open="open">
<DialogContent class="sm:max-w-md">
<DialogContent class="sm:max-w-md max-h-[90dvh] flex flex-col overflow-y-auto">
<DialogHeader>
<DialogTitle>Tambah Pelanggan</DialogTitle>
</DialogHeader>

View File

@ -128,7 +128,7 @@ async function submit() {
<template>
<Dialog v-model:open="open">
<DialogContent class="sm:max-w-lg min-w-0">
<DialogContent class="sm:max-w-lg min-w-0 max-h-[90dvh] flex flex-col overflow-y-auto">
<DialogHeader>
<DialogTitle>Tambah Varian Baru</DialogTitle>
</DialogHeader>

View File

@ -90,7 +90,7 @@ function submit() {
<template>
<Dialog v-model:open="open">
<DialogContent class="sm:max-w-md">
<DialogContent class="sm:max-w-md max-h-[90dvh] flex flex-col overflow-y-auto">
<DialogHeader>
<DialogTitle>{{ isEditing ? 'Ubah Customer' : 'Tambah Customer' }}</DialogTitle>
</DialogHeader>

View File

@ -90,7 +90,7 @@ function submit() {
<template>
<Dialog v-model:open="open">
<DialogContent class="sm:max-w-md">
<DialogContent class="sm:max-w-md max-h-[90dvh] flex flex-col overflow-y-auto">
<DialogHeader>
<DialogTitle>{{ isEditing ? 'Ubah Supplier' : 'Tambah Supplier' }}</DialogTitle>
</DialogHeader>