munawwirul_jamal/simrsx-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🎨 enhance (layout): improve default layout styling

Browse Source
This commit is contained in:
Abizrh
2025-08-13 13:24:56 +07:00
parent d8d7d61fca
commit 929758fe00
3 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/flow/patient/list.vue
+2 -2
View File
@@ -28,7 +28,7 @@ const recItem = ref<any>(null)
const hreaderPrep: HeaderPrep = { const hreaderPrep: HeaderPrep = {
title: 'Pasien', title: 'Pasien',
icon: 'i-lucide-add', icon: 'i-lucide-users',
addNav: { addNav: {
label: 'Tambah', label: 'Tambah',
onClick: () => navigateTo('/patient/add'), onClick: () => navigateTo('/patient/add'),
@@ -101,7 +101,7 @@ provide('rec_item', recItem)
<template> <template>
<PubNavHeaderPrep :prep="{ ...hreaderPrep }" :ref-search-nav="refSearchNav" /> <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"> <div class="grid gap-4 md:grid-cols-2 md:gap-8 lg:grid-cols-4">
<template v-if="isLoading.summary"> <template v-if="isLoading.summary">
<PubBaseSummaryCard v-for="n in 4" :key="n" is-skeleton /> <PubBaseSummaryCard v-for="n in 4" :key="n" is-skeleton />
app/components/pub/nav/header/prep.vue
+1
View File
@@ -24,6 +24,7 @@ function btnClick() {
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
<div class="flex items-center"> <div class="flex items-center">
<div class="ml-3 text-lg font-bold text-gray-900"> <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 }} {{ prep.title }}
</div> </div>
</div> </div>
app/layouts/default.vue
+4 -1
View File
@@ -43,6 +43,7 @@ const contentContent = computed(() => {
max-width: 100%; max-width: 100%;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
border-radius: 0.375rem;
padding-bottom: 5rem; padding-bottom: 5rem;
} }
@@ -57,6 +58,7 @@ const contentContent = computed(() => {
padding-bottom: 5rem; /* pb-20 */ padding-bottom: 5rem; /* pb-20 */
border-width: 1px; border-width: 1px;
background-color: white !important; background-color: white !important;
border-radius: 0.375rem;
border-color: rgb(226 232 240); /* slate-200 */ border-color: rgb(226 232 240); /* slate-200 */
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
} }
@@ -76,9 +78,9 @@ const contentContent = computed(() => {
.cf-frame-width { .cf-frame-width {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
padding: 0.75rem;
background-color: white; background-color: white;
border: 1px solid rgb(226 232 240); border: 1px solid rgb(226 232 240);
border-radius: 0.375rem;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
} }
.cf-frame { .cf-frame {
@@ -86,6 +88,7 @@ const contentContent = computed(() => {
margin-right: auto; margin-right: auto;
padding: 0.75rem; padding: 0.75rem;
background-color: white; background-color: white;
border-radius: 0.375rem;
border: 1px solid rgb(226 232 240); border: 1px solid rgb(226 232 240);
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
} }