Add full dark mode support to FieldLabel component (#173)

This commit is contained in:
Adam Shiervani 2025-02-18 19:30:04 +01:00 committed by GitHub
parent 9ffdf0c4a6
commit 5e91cfc7fa
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 4 additions and 4 deletions

View File

@ -26,7 +26,7 @@ export default function FieldLabel({
> >
{label} {label}
{description && ( {description && (
<span className="my-0.5 text-[13px] font-normal text-slate-600"> <span className="my-0.5 text-[13px] font-normal text-slate-600 dark:text-slate-400">
{description} {description}
</span> </span>
)} )}
@ -34,12 +34,12 @@ export default function FieldLabel({
); );
} else if (as === "span") { } else if (as === "span") {
return ( return (
<div className="flex flex-col select-none"> <div className="flex select-none flex-col">
<span className="font-display text-[13px] font-medium leading-snug text-black"> <span className="font-display text-[13px] font-medium leading-snug text-black dark:text-white">
{label} {label}
</span> </span>
{description && ( {description && (
<span className="my-0.5 text-[13px] font-normal text-slate-600"> <span className="my-0.5 text-[13px] font-normal text-slate-600 dark:text-slate-400">
{description} {description}
</span> </span>
)} )}