new modal [WIP]

2023-11-28 05:39:45 -05:00
parent 1ca6d72f82
commit 82b743fa8d
5 changed files with 195 additions and 18 deletions
@@ -8,20 +8,27 @@ export const styles: StylesConfig = {
    ...styles,
    fontFamily: font,
    cursor: "pointer",
-    backgroundColor: state.isSelected ? "#0ea5e9" : "inherit",
+    backgroundColor: state.isSelected ? "oklch(var(--p))" : "inherit",
    "&:hover": {
-      backgroundColor: state.isSelected ? "#0ea5e9" : "#e2e8f0",
+      backgroundColor: state.isSelected
+        ? "oklch(var(--p))"
+        : "oklch(var(--nc))",
    },
    transition: "all 50ms",
  }),
-  control: (styles) => ({
+  control: (styles, state) => ({
    ...styles,
    fontFamily: font,
-    border: "none",
+    borderRadius: "0.375rem",
+    border: state.isFocused
+      ? "1px solid oklch(var(--p))"
+      : "1px solid oklch(var(--nc))",
+    boxShadow: "none",
+    height: "2.6rem",
  }),
-  container: (styles) => ({
+  container: (styles, state) => ({
    ...styles,
-    border: "1px solid #e0f2fe",
+    height: "full",
    borderRadius: "0.375rem",
    lineHeight: "1.25rem",
    // "@media screen and (min-width: 1024px)": {