fix toggle input size

pull/10906/head
Konstantinos Kaloutas 2024-01-30 17:15:14 +02:00
parent 4ba205b949
commit f39da2a0fe
2 changed files with 6 additions and 6 deletions

View File

@ -32,9 +32,9 @@ export function ToggleGroupInput({ options, value, onValueChange }: ToggleGroupI
{options.map(option => {
return (
<Tooltip content={option.tooltip} key={option.value}>
<div className="inline-block h-full">
<div className="inline-flex">
<LSUI.ToggleGroupItem
className="h-full"
className="tl-button"
value={option.value}
disabled={option.value === value}
>
@ -55,7 +55,7 @@ export function ToggleGroupMultipleInput({
}: ToggleGroupMultipleInputProps) {
return (
<LSUI.ToggleGroup
className="contents"
className="inline-flex"
type="multiple"
value={value}
onValueChange={onValueChange}
@ -63,7 +63,7 @@ export function ToggleGroupMultipleInput({
{options.map(option => {
return (
<LSUI.ToggleGroupItem
className="h-full"
className="tl-button"
key={option.value}
value={option.value}
>

View File

@ -20,11 +20,11 @@ export function ToggleInput({
}: ToggleInputProps) {
return (
<Tooltip content={tooltip}>
<div className="inline-block">
<div className="inline-flex">
<LSUI.Toggle
{...rest}
data-toggle={toggle}
className={'h-full' + (className ? ' ' + className : '')}
className={'tl-button' + (className ? ' ' + className : '')}
pressed={pressed}
onPressedChange={onPressedChange}
/>