starred/yaak-mountain-loop
1
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-03-25 10:51:26 +01:00
Code Issues 8 Packages Projects Releases 10 Wiki Activity

Response info in new tab

Browse Source
This commit is contained in:
Gregory Schier
2024-07-23 12:13:09 -07:00
parent fd2c6930f0
commit 25033dc831
5 changed files with 79 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src-web/components/core/KeyValueRow.tsx
View File

@@ -24,13 +24,20 @@ interface Props {
label: ReactNode;
value: ReactNode;
labelClassName?: string;
labelColor?: 'secondary' | 'primary' | 'info';
}
export function KeyValueRow({ label, value, labelClassName }: Props) {
export function KeyValueRow({ label, value, labelColor = 'secondary', labelClassName }: Props) {
return (
<>
<td
className={classNames('py-0.5 pr-2 text-fg-subtle select-text cursor-text', labelClassName)}
className={classNames(
'py-0.5 pr-2 select-text cursor-text',
labelClassName,
labelColor === 'primary' && 'text-fg-primary',
labelColor === 'secondary' && 'text-fg-subtle',
labelColor === 'info' && 'text-fg-info',
)}
>
{label}
</td>