ui: link to zones from dashboard

This commit is contained in:
Anton Shubin 2024-01-30 15:12:08 +08:00
parent 8e3e8c350b
commit 356ccfc07e

View File

@ -39,34 +39,36 @@
</div>
</dl>
</li>
<li class="overflow-hidden rounded-xl border border-gray-200 bg-white">
<div class="flex items-center gap-2 bg-gray-50 p-5">
<span class="text-gray-800">
<IconBuildingOffice2 />
</span>
<li>
<a href="/map" class="block overflow-hidden rounded-xl border border-gray-200 bg-white">
<div class="flex items-center gap-2 bg-gray-50 p-5">
<span class="text-gray-800">
<IconBuildingOffice2 />
</span>
<div class="text-sm font-medium leading-6 text-gray-900">Zones</div>
</div>
<dl class="divide-y divide-gray-100 px-6 py-px text-sm leading-6">
<div class="flex justify-between gap-x-4 py-3">
<dt class="flex items-center gap-x-2">
<span class="h-2 w-2 rounded-full bg-green-600"></span>
<span class="text-gray-500">On</span>
</dt>
<dd class="text-gray-700"><time datetime="2022-12-13">12</time></dd>
<div class="text-sm font-medium leading-6 text-gray-900">Zones</div>
</div>
<div class="flex justify-between gap-x-4 py-3">
<dt class="flex items-center gap-x-2">
<span class="h-2 w-2 rounded-full bg-gray-400"></span>
<span class="text-gray-500">Off</span>
</dt>
<dd class="text-gray-700"><time datetime="2022-12-13">0</time></dd>
</div>
<div class="flex justify-between gap-x-4 py-3">
<dt class="text-gray-500">Total</dt>
<dd class="text-gray-700"><time datetime="2022-12-13">12</time></dd>
</div>
</dl>
<dl class="divide-y divide-gray-100 px-6 py-px text-sm leading-6">
<div class="flex justify-between gap-x-4 py-3">
<dt class="flex items-center gap-x-2">
<span class="h-2 w-2 rounded-full bg-green-600"></span>
<span class="text-gray-500">On</span>
</dt>
<dd class="text-gray-700"><time datetime="2022-12-13">12</time></dd>
</div>
<div class="flex justify-between gap-x-4 py-3">
<dt class="flex items-center gap-x-2">
<span class="h-2 w-2 rounded-full bg-gray-400"></span>
<span class="text-gray-500">Off</span>
</dt>
<dd class="text-gray-700"><time datetime="2022-12-13">0</time></dd>
</div>
<div class="flex justify-between gap-x-4 py-3">
<dt class="text-gray-500">Total</dt>
<dd class="text-gray-700"><time datetime="2022-12-13">12</time></dd>
</div>
</dl>
</a>
</li>
<li class="overflow-hidden rounded-xl border border-gray-200 bg-white">
<div class="flex items-center gap-2 bg-gray-50 p-5">