refactor: update modal components to improve layout and scrolling behavior for better user experience
This commit is contained in:
parent
765e74d8a9
commit
c2360ef1ed
@ -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
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user