Trent/vigilcare-clinical
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix styling to be more responsive and clean

Browse Source
This commit is contained in:
voltsrage
2026-06-20 07:58:15 +08:00
parent 2f74e2dd8b
commit 2ca0078223
24 changed files with 398 additions and 367 deletions
Download Patch File Download Diff File Expand all files Collapse all files
vigilcare-dashboard/src/components/patient/OrdersPanel.vue
+3 -3
View File
@@ -26,7 +26,7 @@ function statusVariant(status) {
<template>
<Card>
<template #header>
<h2 class="mb-3 text-sm font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400">
<h2 class="mb-4 text-sm font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400">
Orders
</h2>
</template>
@@ -40,7 +40,7 @@ function statusVariant(status) {
<li
v-for="order in pendingOrders"
:key="order.id"
class="flex items-center justify-between gap-3 py-2 first:pt-0"
class="flex items-center justify-between gap-4 py-2 first:pt-0"
>
<div class="min-w-0">
<div class="text-sm text-gray-900 dark:text-white">{{ order.description }}</div>
@@ -59,7 +59,7 @@ function statusVariant(status) {
:key="order.id"
class="py-2 first:pt-0"
>
<div class="flex items-center justify-between gap-3">
<div class="flex items-center justify-between gap-4">
<div class="min-w-0">
<div class="text-sm text-gray-900 dark:text-white">{{ order.description }}</div>
<div v-if="order.resultSummary" class="text-xs text-gray-500 dark:text-gray-400">