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

Refractor. Update styling
CI / backend (push) Successful in 10m14s
Details
CI / frontend (push) Successful in 1m55s
Details

Browse Source
This commit is contained in:
Trent
2026-08-11 06:48:07 +08:00
parent e3f3a3ced8
commit 87e551c0d7
57 changed files with 450 additions and 393 deletions
Download Patch File Download Diff File Expand all files Collapse all files
vigilcare-dashboard/src/views/WardDashboard.vue
+7 -8
View File
@@ -53,20 +53,19 @@ function onMobileSortChange(event) {
<template>
<div>
<div class="mb-4 flex flex-wrap items-center justify-between gap-4">
<h1 class="text-xl font-bold dark:text-white">Virtual Ward</h1>
<div class="mb-3 flex flex-wrap items-center justify-end gap-3">
<Badge v-if="criticalCount > 0" variant="critical">
{{ criticalCount }} critical
</Badge>
</div>
<label class="mb-4 block sm:hidden">
<span class="mb-2 block text-xs font-medium uppercase tracking-wide text-gray-500 dark:text-gray-400">
<label class="mb-3 block sm:hidden">
<span class="mb-1.5 block text-xs font-medium text-ink-muted">
Department
</span>
<select
:value="department ?? ''"
class="w-full rounded-lg border border-gray-200 bg-white px-4 py-2 text-sm text-gray-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-200"
class="w-full rounded-md border border-border bg-surface-raised px-3 py-2 text-sm text-ink-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand"
@change="onDepartmentChange"
>
<option v-for="dept in departments" :key="dept.value" :value="dept.value">
@@ -77,13 +76,13 @@ function onMobileSortChange(event) {
<WardToolbar @export-handoff="showHandoff = true" />
<label class="mb-4 block md:hidden">
<span class="mb-2 block text-xs font-medium uppercase tracking-wide text-gray-500 dark:text-gray-400">
<label class="mb-3 block md:hidden">
<span class="mb-1.5 block text-xs font-medium text-ink-muted">
Sort by
</span>
<select
:value="wardSortField"
class="w-full rounded-lg border border-gray-200 bg-white px-4 py-2 text-sm text-gray-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-200"
class="w-full rounded-md border border-border bg-surface-raised px-3 py-2 text-sm text-ink-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand"
@change="onMobileSortChange"
>
<option v-for="option in WARD_SORT_FIELDS" :key="option.key" :value="option.key">