ui: small fixes

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

View File

@ -19,7 +19,7 @@
}; };
// Current classes for the badge // 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> </script>
<span class={badgeClasses}> <span class={badgeClasses}>

View File

@ -23,10 +23,10 @@
</dt> </dt>
<dd class="text-gray-700"><time datetime="2022-12-13">23</time></dd> <dd class="text-gray-700"><time datetime="2022-12-13">23</time></dd>
</div> </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"> <dt class="flex items-center gap-x-2">
<span class="h-2 w-2 rounded-full bg-red-600"></span> <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> </dt>
<dd class="text-gray-700"><time datetime="2022-12-13">12</time></dd> <dd class="text-gray-700"><time datetime="2022-12-13">12</time></dd>
</div> </div>
@ -53,10 +53,10 @@
</dt> </dt>
<dd class="text-gray-700"><time datetime="2022-12-13">123</time></dd> <dd class="text-gray-700"><time datetime="2022-12-13">123</time></dd>
</div> </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"> <dt class="flex items-center gap-x-2">
<span class="h-2 w-2 rounded-full bg-red-600"></span> <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> </dt>
<dd class="text-gray-700"><time datetime="2022-12-13">12</time></dd> <dd class="text-gray-700"><time datetime="2022-12-13">12</time></dd>
</div> </div>
@ -82,10 +82,10 @@
</dt> </dt>
<dd class="text-gray-700"><time datetime="2022-12-13">12</time></dd> <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 group"> <div class="flex justify-between gap-x-4 py-3">
<dt class="flex items-center gap-x-2"> <dt class="flex items-center gap-x-2">
<span class="h-2 w-2 rounded-full bg-red-600"></span> <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> </dt>
<dd class="text-gray-700"><time datetime="2022-12-13">2</time></dd> <dd class="text-gray-700"><time datetime="2022-12-13">2</time></dd>
</div> </div>