titor/drawDB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix table color selector design and refactor code

Browse Source
This commit is contained in:
Halid 2024-04-14 13:01:32 +03:00
parent 9efee285c8
commit 173522edc3
1 changed files with 4 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/ColorPalette.jsx
View File

@ -17,31 +17,16 @@ export default function ColorPalette({
</div>
<hr />
<div className="py-3 space-y-3">
<div>
{tableThemes.slice(0, Math.ceil(tableThemes.length / 2)).map((c) => (
<div className="flex flex-wrap w-72 gap-y-2">
{tableThemes.map((c) => (
<button
key={c}
style={{ backgroundColor: c }}
className="p-3 rounded-full mx-1"
onClick={() => onPickColor(c)}
>
{currentColor === c ? (
<IconCheckboxTick style={{ color: "white" }} />
) : (
<IconCheckboxTick style={{ color: c }} />
)}
</button>
))}
</div>
<div>
{tableThemes.slice(Math.ceil(tableThemes.length / 2)).map((c) => (
<button
key={c}
style={{ backgroundColor: c }}
className="p-3 rounded-full mx-1"
className="w-10 h-10 rounded-full mx-1"
onClick={() => onPickColor(c)}
>
<IconCheckboxTick
className="pt-1"
style={{
color: currentColor === c ? "white" : c,
}}