ConceptProd/Portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

M: Improve checkbox structure

Browse Source
This commit is contained in:
Ivan 2024-12-20 13:36:31 +03:00
parent 0de6b17096
commit 32d12369c2
2 changed files with 6 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
rsconcept/frontend/src/components/ui/Checkbox.tsx
View File

@ -65,7 +65,8 @@ function Checkbox({
<div
className={clsx(
'max-w-[1rem] min-w-[1rem] h-4', // prettier: split lines
'border rounded-sm ',
'pt-[0.1rem] pl-[0.1rem]',
'border rounded-sm',
'cc-animate-color',
{
'bg-sec-600 text-sec-0': value !== false,
@ -73,11 +74,7 @@ function Checkbox({
}
)}
>
{value ? (
<div className='mt-[1px] ml-[1px]'>
<CheckboxChecked />
</div>
) : null}
{value ? <CheckboxChecked /> : null}
</div>
{label ? <span className={clsx('text-start text-sm whitespace-nowrap select-text', cursor)}>{label}</span> : null}
</button>

13
rsconcept/frontend/src/components/ui/CheckboxTristate.tsx
View File

@ -66,6 +66,7 @@ function CheckboxTristate({
<div
className={clsx(
'w-4 h-4', // prettier: split lines
'pt-[0.1rem] pl-[0.1rem]',
'border rounded-sm',
'cc-animate-color',
{
@ -74,16 +75,8 @@ function CheckboxTristate({
}
)}
>
{value ? (
<div className='mt-[1px] ml-[1px]'>
<CheckboxChecked />
</div>
) : null}
{value == null ? (
<div className='mt-[1px] ml-[1px]'>
<CheckboxNull />
</div>
) : null}
{value ? <CheckboxChecked /> : null}
{value == null ? <CheckboxNull /> : null}
</div>
{label ? <span className={clsx('text-start text-sm whitespace-nowrap select-text', cursor)}>{label}</span> : null}
</button>