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

M: Improve checkboxes

Browse Source
This commit is contained in:
Ivan 2025-03-11 23:37:03 +03:00
parent f5cf5af7d7
commit 2b0f074ffa
5 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
rsconcept/frontend/src/components/DataTable/TableBody.tsx
View File

@ -77,7 +77,7 @@ export function TableBody<TData>({
style={{ ...(conditionalRowStyles ? getRowStyles(row) : []) }}
>
{enableRowSelection ? (
<td key={`select-${row.id}`} className='pl-3 pr-1 border-y'>
<td key={`select-${row.id}`} className='pl-2 border-y'>
<SelectRow row={row} onChangeLastSelected={onChangeLastSelected} />
</td>
) : null}

2
rsconcept/frontend/src/components/DataTable/TableHeader.tsx
View File

@ -31,7 +31,7 @@ export function TableHeader<TData>({
{table.getHeaderGroups().map((headerGroup: HeaderGroup<TData>) => (
<tr key={headerGroup.id}>
{enableRowSelection ? (
<th className='pl-3 pr-1' scope='col'>
<th className='pl-2' scope='col'>
<SelectAll table={table} resetLastSelected={resetLastSelected} />
</th>
) : null}

7
rsconcept/frontend/src/components/Icons.tsx
View File

@ -196,9 +196,10 @@ export function IconLogin(props: IconProps) {
);
}
export function CheckboxChecked() {
return (
<svg className='w-4 h-4 p-0.75' viewBox='0 0 512 512' fill='#ffffff'>
<svg className='w-4 h-4 p-0.75 -ml-0.25' viewBox='0 0 512 512' fill='#ffffff'>
<path d='M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7l233.4-233.3c12.5-12.5 32.8-12.5 45.3 0z' />
</svg>
);
@ -206,8 +207,8 @@ export function CheckboxChecked() {
export function CheckboxNull() {
return (
<svg className='w-4 h-4 p-0.25' viewBox='0 0 16 16' fill='#ffffff'>
<svg className='w-4 h-4 px-0.25' viewBox='0 0 16 16' fill='#ffffff'>
<path d='M2 7.75A.75.75 0 012.75 7h10a.75.75 0 010 1.5h-10A.75.75 0 012 7.75z' />
</svg>
);
}
}

2
rsconcept/frontend/src/components/Input/Checkbox.tsx
View File

@ -65,7 +65,7 @@ export function Checkbox({
<div
className={clsx(
'w-4 h-4', //
'border rounded-xs',
'border rounded-sm',
{
'bg-sec-600 text-sec-0': value !== false,
'bg-prim-100': value === false

2
rsconcept/frontend/src/components/Input/CheckboxTristate.tsx
View File

@ -66,7 +66,7 @@ export function CheckboxTristate({
<div
className={clsx(
'w-4 h-4', //
'border rounded-xs',
'border rounded-sm',
{
'bg-sec-600 text-sec-0': value !== false,
'bg-prim-100': value === false