colour picker component

This commit is contained in:
Oliver Bryan
2026-01-10 23:17:21 +00:00
parent 86083b41dd
commit fa10d75584
4 changed files with 82 additions and 2 deletions

View File

@@ -1,3 +1,4 @@
/** biome-ignore-all lint/complexity/noImportantStyles: <needs it because the initial styles are in the component> */
@import "./fonts.css";
@import "tailwindcss";
@@ -161,3 +162,35 @@
-ms-user-select: none;
user-select: none;
}
/* react-colorful */
.react-colorful {
width: 150px !important;
height: 150px !important;
}
.react-colorful__saturation {
border-radius: 0 !important;
/* cursor: pointer; */
}
.react-colorful__last-control {
border-radius: 0 !important;
}
.react-colorful__saturation-pointer {
width: 16px !important;
height: 16px !important;
border: 1px solid white !important;
}
.react-colorful__hue {
height: 10px !important;
cursor: pointer;
}
.react-colorful__hue-pointer {
width: 16px !important;
height: 16px !important;
border: 1px solid white !important;
}