spy4x/gb-lux
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ui: link to zones from dashboard

Browse Source
This commit is contained in:
Anton Shubin 2024-01-30 15:12:08 +08:00
parent 8e3e8c350b
commit 356ccfc07e
1 changed files with 28 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
apps/front/src/routes/+page.svelte
View File

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