From 929758fe00fc19fa5cd1aed6a58acda3018014ff Mon Sep 17 00:00:00 2001
From: Abizrh <abizarah857@gmail.com>
Date: Wed, 13 Aug 2025 13:24:56 +0700
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20enhance=20(layout):=20improve=20?=
 =?UTF-8?q?default=20layout=20styling?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/flow/patient/list.vue   | 4 ++--
 app/components/pub/nav/header/prep.vue | 1 +
 app/layouts/default.vue                | 5 ++++-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/app/components/flow/patient/list.vue b/app/components/flow/patient/list.vue
index 82c23eb5..3131d81d 100644
--- a/app/components/flow/patient/list.vue
+++ b/app/components/flow/patient/list.vue
@@ -28,7 +28,7 @@ const recItem = ref<any>(null)
 
 const hreaderPrep: HeaderPrep = {
   title: 'Pasien',
-  icon: 'i-lucide-add',
+  icon: 'i-lucide-users',
   addNav: {
     label: 'Tambah',
     onClick: () => navigateTo('/patient/add'),
@@ -101,7 +101,7 @@ provide('rec_item', recItem)
 
 <template>
   <PubNavHeaderPrep :prep="{ ...hreaderPrep }" :ref-search-nav="refSearchNav" />
-  <div class="flex flex-1 flex-col gap-4 md:gap-8">
+  <div class="my-4 flex flex-1 flex-col gap-4 md:gap-8">
     <div class="grid gap-4 md:grid-cols-2 md:gap-8 lg:grid-cols-4">
       <template v-if="isLoading.summary">
         <PubBaseSummaryCard v-for="n in 4" :key="n" is-skeleton />
diff --git a/app/components/pub/nav/header/prep.vue b/app/components/pub/nav/header/prep.vue
index ab37900d..8bd33696 100644
--- a/app/components/pub/nav/header/prep.vue
+++ b/app/components/pub/nav/header/prep.vue
@@ -24,6 +24,7 @@ function btnClick() {
     <div class="flex items-center justify-between">
       <div class="flex items-center">
         <div class="ml-3 text-lg font-bold text-gray-900">
+          <Icon :name="prep.icon" class="mr-2 h-4 w-4 align-middle" />
           {{ prep.title }}
         </div>
       </div>
diff --git a/app/layouts/default.vue b/app/layouts/default.vue
index 6e6c32ce..7f5959b7 100644
--- a/app/layouts/default.vue
+++ b/app/layouts/default.vue
@@ -43,6 +43,7 @@ const contentContent = computed(() => {
   max-width: 100%;
   margin-left: auto;
   margin-right: auto;
+  border-radius: 0.375rem;
   padding-bottom: 5rem;
 }
 
@@ -57,6 +58,7 @@ const contentContent = computed(() => {
   padding-bottom: 5rem; /* pb-20 */
   border-width: 1px;
   background-color: white !important;
+  border-radius: 0.375rem;
   border-color: rgb(226 232 240); /* slate-200 */
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
 }
@@ -76,9 +78,9 @@ const contentContent = computed(() => {
 .cf-frame-width {
   margin-left: auto;
   margin-right: auto;
-  padding: 0.75rem;
   background-color: white;
   border: 1px solid rgb(226 232 240);
+  border-radius: 0.375rem;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
 }
 .cf-frame {
@@ -86,6 +88,7 @@ const contentContent = computed(() => {
   margin-right: auto;
   padding: 0.75rem;
   background-color: white;
+  border-radius: 0.375rem;
   border: 1px solid rgb(226 232 240);
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
 }