summaryrefslogtreecommitdiff
path: root/components/tweaks.tsx
diff options
context:
space:
mode:
authorThomas F. K. Jorna <[email protected]>2021-08-07 14:29:01 +0200
committerThomas F. K. Jorna <[email protected]>2021-08-07 14:29:01 +0200
commit132a16503c3c813dbd28b58c286ebb02bfd2d802 (patch)
tree266d0c213a246171759aae2f21bb48f5f552a9e8 /components/tweaks.tsx
parent872be7c3631895d951e1991b0bcbd4d164941dab (diff)
feat: configurable label size and length
Diffstat (limited to 'components/tweaks.tsx')
-rw-r--r--components/tweaks.tsx16
1 files changed, 16 insertions, 0 deletions
diff --git a/components/tweaks.tsx b/components/tweaks.tsx
index c62cbd0..ca88d2d 100644
--- a/components/tweaks.tsx
+++ b/components/tweaks.tsx
@@ -850,6 +850,22 @@ export const Tweaks = (props: TweakProps) => {
paddingLeft={2}
color="gray.800"
>
+ <SliderWithInfo
+ label="Label font size"
+ value={visuals.labelFontSize}
+ min={5}
+ max={20}
+ step={0.5}
+ onChange={(value) => setVisuals({ ...visuals, labelFontSize: value })}
+ />
+ <SliderWithInfo
+ label="Maximum label characters"
+ value={visuals.labelLength}
+ min={10}
+ max={100}
+ step={1}
+ onChange={(value) => setVisuals({ ...visuals, labelLength: value })}
+ />
<ColorMenu
colorList={colorList}
label="Text"