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

ui: small fixes

Browse Source
This commit is contained in:
Eirene 2024-01-31 16:09:28 +08:00
parent 6839137512
commit f9e74c615c
2 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/front/src/lib/client/components/badgeStatus.svelte
View File

@ -19,7 +19,7 @@
};
// Current classes for the badge
$: badgeClasses = `inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium capitalize ${colorClasses(color)}`;
$: badgeClasses = `inline-flex items-center rounded-full px-2.5 py-0.5 text-xs whitespace-nowrap font-medium capitalize ${colorClasses(color)}`;
</script>
<span class={badgeClasses}>

12
apps/front/src/routes/fault/+page.svelte
View File

@ -23,10 +23,10 @@
</dt>
<dd class="text-gray-700"><time datetime="2022-12-13">23</time></dd>
</div>
<div class="flex justify-between gap-x-4 py-3 group">
<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-red-600"></span>
<span class="text-gray-500 group-hover:underline">Faulty</span>
<span class="text-gray-500">Faulty</span>
</dt>
<dd class="text-gray-700"><time datetime="2022-12-13">12</time></dd>
</div>
@ -53,10 +53,10 @@
</dt>
<dd class="text-gray-700"><time datetime="2022-12-13">123</time></dd>
</div>
<div class="flex justify-between gap-x-4 py-3 group">
<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-red-600"></span>
<span class="text-gray-500 group-hover:underline">Faulty</span>
<span class="text-gray-500">Faulty</span>
</dt>
<dd class="text-gray-700"><time datetime="2022-12-13">12</time></dd>
</div>
@ -82,10 +82,10 @@
</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 group">
<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-red-600"></span>
<span class="text-gray-500 group-hover:underline">Faulty</span>
<span class="text-gray-500">Faulty</span>
</dt>
<dd class="text-gray-700"><time datetime="2022-12-13">2</time></dd>
</div>