feat(sep): update grid column

This commit is contained in:
riefive
2025-09-11 13:36:27 +07:00
parent 9638f208f1
commit 3e3aa670ae
3 changed files with 5 additions and 9 deletions
+3 -3
View File
@@ -74,7 +74,7 @@ const onSubmit = handleSubmit((values) => {
<div class="mx-auto w-full">
<form @submit.prevent="onSubmit" class="grid gap-6 p-4">
<!-- Tanggal SEP & Jalur -->
<div class="grid gap-4 md:grid-cols-3">
<div class="grid gap-4 grid-cols-1 sm:grid-cols-3">
<div class="flex flex-col gap-2">
<Label for="tanggalSep">Tanggal SEP<span class="text-red-500">*</span></Label>
<DatepickerSingle v-model="tanggalSep" placeholder="Pilih tanggal sep" />
@@ -101,7 +101,7 @@ const onSubmit = handleSubmit((values) => {
Cari Pasien
</Button>
</div>
<div class="grid gap-4 md:grid-cols-3">
<div class="grid gap-4 grid-cols-1 sm:grid-cols-3">
<div class="flex flex-col gap-2">
<Label>No. Kartu BPJS<span class="text-red-500">*</span></Label>
<Input v-model="noBpjs" />
@@ -133,7 +133,7 @@ const onSubmit = handleSubmit((values) => {
<!-- Data SEP -->
<h3 class="text-lg font-semibold">Data SEP</h3>
<div class="grid gap-4 md:grid-cols-3">
<div class="grid gap-4 grid-cols-1 sm:grid-cols-3">
<div class="flex flex-col gap-2">
<Label>No. Surat Kontrol<span class="text-red-500">*</span></Label>
<div class="flex gap-2">
+1 -3
View File
@@ -47,9 +47,7 @@ function saveSelection() {
<template>
<Dialog :open="props.open" @update:open="emit('update:open', $event)">
<DialogTrigger as-child>
<Button>Cari No. Surat Kontrol</Button>
</DialogTrigger>
<DialogTrigger as-child></DialogTrigger>
<DialogContent class="max-w-[50%]">
<DialogHeader>
<DialogTitle>Cari No. Surat Kontrol</DialogTitle>
+1 -3
View File
@@ -49,9 +49,7 @@ function saveSelection() {
<template>
<Dialog :open="props.open" @update:open="emit('update:open', $event)">
<DialogTrigger as-child>
<Button>Cari Pasien</Button>
</DialogTrigger>
<DialogTrigger as-child></DialogTrigger>
<DialogContent class="max-w-3xl">
<DialogHeader>
<DialogTitle>Cari Pasien</DialogTitle>