From 3e3aa670aea353514d243728845b9c7458661e7a Mon Sep 17 00:00:00 2001
From: riefive <rie.five@gmail.com>
Date: Thu, 11 Sep 2025 13:36:27 +0700
Subject: [PATCH] feat(sep): update grid column

---
 app/components/app/sep/entry-form.vue     | 6 +++---
 app/components/app/sep/search-letter.vue  | 4 +---
 app/components/app/sep/search-patient.vue | 4 +---
 3 files changed, 5 insertions(+), 9 deletions(-)

diff --git a/app/components/app/sep/entry-form.vue b/app/components/app/sep/entry-form.vue
index 60b5689d..42c47c74 100644
--- a/app/components/app/sep/entry-form.vue
+++ b/app/components/app/sep/entry-form.vue
@@ -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">
diff --git a/app/components/app/sep/search-letter.vue b/app/components/app/sep/search-letter.vue
index 549d52cf..64e65ff6 100644
--- a/app/components/app/sep/search-letter.vue
+++ b/app/components/app/sep/search-letter.vue
@@ -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>
diff --git a/app/components/app/sep/search-patient.vue b/app/components/app/sep/search-patient.vue
index 5a34f987..13a78651 100644
--- a/app/components/app/sep/search-patient.vue
+++ b/app/components/app/sep/search-patient.vue
@@ -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>