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

Merge pull request #48 from imhalid/main

Browse Source 
fix table color selector design and refactor code
This commit is contained in:
1ilit 2024-04-15 04:29:38 +03:00 committed by GitHub
commit d95b085276
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
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> </div>
<hr /> <hr />
<div className="py-3 space-y-3"> <div className="py-3 space-y-3">
<div> <div className="flex flex-wrap w-72 gap-y-2">
{tableThemes.slice(0, Math.ceil(tableThemes.length / 2)).map((c) => ( {tableThemes.map((c) => (
<button <button
key={c} key={c}
style={{ backgroundColor: c }} style={{ backgroundColor: c }}
className="p-3 rounded-full mx-1" className="w-10 h-10 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"
onClick={() => onPickColor(c)} onClick={() => onPickColor(c)}
> >
<IconCheckboxTick <IconCheckboxTick
className="pt-1"
style={{ style={{
color: currentColor === c ? "white" : c, color: currentColor === c ? "white" : c,
}} }}