pstream is dead; long live pstream
taciturnaxolotl.github.io/pstream-ng/
add custom account colors option
+25
+25
src/components/form/ColorPicker.tsx
+25
src/components/form/ColorPicker.tsx
···
34
34
</button>
35
35
);
36
36
})}
37
+
<div className="relative w-full h-10">
38
+
<input
39
+
type="color"
40
+
value={props.value}
41
+
onChange={(e) => props.onInput(e.target.value)}
42
+
className="absolute opacity-0 cursor-pointer w-full h-10"
43
+
/>
44
+
<button
45
+
type="button"
46
+
tabIndex={0}
47
+
className={classNames(
48
+
"w-full h-10 rounded flex justify-center items-center text-white pointer border-2 border-opacity-10 cursor-pointer",
49
+
!colors.includes(props.value)
50
+
? "border-white"
51
+
: "border-transparent",
52
+
)}
53
+
style={{
54
+
backgroundColor: !colors.includes(props.value)
55
+
? props.value
56
+
: "#333",
57
+
}}
58
+
>
59
+
<Icon icon={Icons.BRUSH} />
60
+
</button>
61
+
</div>
37
62
</div>
38
63
</div>
39
64
);