more modals replaced

2023-12-01 14:00:52 -05:00
parent 2c9541734a
commit a3c6d9b42e
13 changed files with 266 additions and 100 deletions
@@ -12,23 +12,17 @@ type Props = {
 export default function Checkbox({ label, state, className, onClick }: Props) {
  return (
    <label
-      className={`cursor-pointer flex items-center gap-2 ${className || ""}`}
+      className={`label cursor-pointer flex gap-2 justify-start ${
+        className || ""
+      }`}
    >
      <input
        type="checkbox"
        checked={state}
        onChange={onClick}
-        className="peer sr-only"
+        className="checkbox checkbox-primary"
      />
-      <FontAwesomeIcon
-        icon={faSquareCheck}
-        className="w-5 h-5 text-primary peer-checked:block hidden"
-      />
-      <FontAwesomeIcon
-        icon={faSquare}
-        className="w-5 h-5 text-primary peer-checked:hidden block"
-      />
-      <span className="rounded select-none">{label}</span>
+      <span className="label-text">{label}</span>
    </label>
  );
 }