summaryrefslogtreecommitdiff
path: root/components/Tweaks/TagPanel.tsx
diff options
context:
space:
mode:
authorThomas F. K. Jorna <[email protected]>2021-10-17 01:14:41 +0200
committerThomas F. K. Jorna <[email protected]>2021-10-17 01:14:41 +0200
commitd1f02171bd4727fb0c09657d6fe0f21f5cde9617 (patch)
treec1f4e920c0cfa2e9a2dfa1605d242e25cd28bfdd /components/Tweaks/TagPanel.tsx
parent85b665b343d63096a3e62c210931040a44b07a1b (diff)
parentca2fa3dc8d405d0ec451f16b9fcc72cde6bbf470 (diff)
feat(algos): merge
Diffstat (limited to 'components/Tweaks/TagPanel.tsx')
-rw-r--r--components/Tweaks/TagPanel.tsx22
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}