fix styling to be more responsive and clean

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
@@ -47,8 +47,8 @@ watch(() => route.params.encounterId, loadAll)
<template>
<Skeleton v-if="loading && !encounter" :rows="6" />
<div v-else-if="encounter" class="space-y-6">
<div class="flex items-center gap-4">
<div v-else-if="encounter" class="space-y-8">
<div class="flex flex-wrap items-center gap-4">
<RouterLink to="/ward" class="text-sm text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200">
&larr; Ward
</RouterLink>
@@ -57,13 +57,13 @@ watch(() => route.params.encounterId, loadAll)
</h1>
</div>
<div class="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
<div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
<ScoresPanel :news2="news2" :encounter="encounter" />
<VitalsPanel :observations="observations" />
<AlertsList :encounter-id="route.params.encounterId" />
</div>
<div class="grid gap-4 md:grid-cols-2">
<div class="grid gap-4 lg:grid-cols-2">
<OrdersPanel :orders="orders" />
<SepsisBundlePanel v-if="sepsisBundle" :bundle="sepsisBundle" />
</div>