diff options
| author | Thomas F. K. Jorna <[email protected]> | 2021-10-16 23:07:19 +0200 |
|---|---|---|
| committer | GitHub <[email protected]> | 2021-10-16 23:07:19 +0200 |
| commit | ca2fa3dc8d405d0ec451f16b9fcc72cde6bbf470 (patch) | |
| tree | a98c1af5379688b57985eebe051ffdb9422dbbb5 /components/Tweaks/TagPanel.tsx | |
| parent | eb794cc2183595a4f42be393db6b52478053000c (diff) | |
| parent | 677702087e7b1e001a489412f4ed26dfaa138df6 (diff) | |
Merge pull request #117 from org-roam/feat/better-labels
Feat/better labels
Diffstat (limited to 'components/Tweaks/TagPanel.tsx')
| -rw-r--r-- | components/Tweaks/TagPanel.tsx | 22 |
1 files changed, 16 insertions, 6 deletions
diff --git a/components/Tweaks/TagPanel.tsx b/components/Tweaks/TagPanel.tsx index 4d2e355..8d63c6f 100644 --- a/components/Tweaks/TagPanel.tsx +++ b/components/Tweaks/TagPanel.tsx @@ -25,6 +25,7 @@ export const TagPanel = (props: TagPanelProps) => { return ( <CUIAutoComplete + labelStyleProps={{ fontWeight: 300, fontSize: 14 }} items={tagArray} label={'Add tag to ' + mode} placeholder=" " @@ -41,16 +42,25 @@ export const TagPanel = (props: TagPanelProps) => { highlightItemBg="gray.400" toggleButtonStyleProps={{ variant: 'outline' }} inputStyleProps={{ + mt: 2, + height: 8, focusBorderColor: highlightColor, color: 'gray.800', - borderColor: 'gray.600', + borderColor: 'gray.500', }} tagStyleProps={{ - rounded: 'full', - bg: highlightColor, - height: 8, - paddingLeft: 4, - fontWeight: 'bold', + justifyContent: 'flex-start', + //variant: 'subtle', + fontSize: 10, + borderColor: highlightColor, + borderWidth: 1, + borderRadius: 'md', + color: highlightColor, + bg: '', + height: 4, + mb: 2, + //paddingLeft: 4, + //fontWeight: 'bold', }} hideToggleButton itemRenderer={(selected) => selected.label} |