gitea-admin/lti-web-client
1
0
Fork 0
mirror of https://gitlab.com/mbugroup/lti-web-client.git synced 2026-05-23 14:55:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: adjust SelectInputCheckbox styling

Browse Source
This commit is contained in:
ValdiANS
2026-01-23 23:02:25 +07:00
parent 5a88718454
commit af9c4bbdb9
1 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/input/SelectInputCheckbox.tsx
+11 -4
View File
@@ -25,14 +25,18 @@ const CheckboxOption = <
>( >(
props: OptionProps<T, IsMulti, Group> props: OptionProps<T, IsMulti, Group>
) => { ) => {
const { isSelected, label, innerRef, innerProps, className } = props; const { isSelected, label, innerRef, innerProps, className, isFocused } =
props;
return ( return (
<div <div
ref={innerRef} ref={innerRef}
{...innerProps} {...innerProps}
className={cn( className={cn(
'flex items-center gap-2 px-3 py-2 cursor-pointer', 'flex items-center gap-3 p-3 cursor-pointer transition-all hover:bg-primary/5',
{
'bg-primary/5': isFocused,
},
className className
)} )}
> >
@@ -40,9 +44,12 @@ const CheckboxOption = <
type='checkbox' type='checkbox'
checked={isSelected} checked={isSelected}
onChange={() => null} onChange={() => null}
className='checkbox checkbox-sm rounded checkbox-primary pointer-events-none' className='checkbox checkbox-sm rounded-md checkbox-primary pointer-events-none border-base-content/10'
/> />
<label className='cursor-pointer flex-1 select-none'>{label}</label>
<label className='cursor-pointer flex-1 select-none text-sm text-base-content/50 font-medium'>
{label}
</label>
</div> </div>
); );
}; };