added a color wheel in colorInput component

This commit is contained in:
abhitrueprogrammer 2024-12-23 12:41:48 +05:30
parent 56fca30bd0
commit 4770dd88cd
2 changed files with 8 additions and 1 deletions

View file

@ -70,7 +70,13 @@ export const ColorInput = ({
return (
<div className="color-picker__input-label">
<div className="color-picker__input-hash">#</div>
<input
type="color"
onChange={(event) => {
changeColor(event.target.value);
}}
className="color-picker__input"
/>
<input
ref={activeSection === "hex" ? inputRef : undefined}
style={{ border: 0, padding: 0 }}

View file

@ -368,6 +368,7 @@
}
}
.color-picker-label-swatch-container {
border: 1px solid var(--default-border-color);
border-radius: var(--border-radius-lg);