options panel and custom checkbox

2025-12-13 07:34:36 +01:00 · 2022-05-10 00:13:31 -07:00
parent a6d5f3404c
commit 18a74590f9
10 changed files with 99 additions and 13 deletions
--- a/src/ui/components/common/Checkbox.css
+++ b/src/ui/components/common/Checkbox.css
@@ -0,0 +1,21 @@
+.Checkbox input[type="checkbox"] {
+  display: none;
+}
+
+.CheckboxDisplay {
+  height: 20px;
+  width: 20px;
+
+  border: 2px solid #ebebec;
+  border-radius: 2px;
+}
+
+.CheckboxDisplay:hover {
+  cursor: pointer;
+  border-color: #cecece;
+}
+
+.CheckboxDisplay img {
+  height: 100%;
+  /* filter: invert(78%) sepia(91%) saturate(923%) hue-rotate(334deg) brightness(106%) contrast(102%); */
+}