style checkbox menus more

uchicago-dsi · Aug 2, 2024 · 7e5183a · 7e5183a
1 parent 2063709
commit 7e5183a
Showing 1 changed file with 20 additions and 20 deletions.
diff --git a/dashboard-react/components/CheckboxMenu.js b/dashboard-react/components/CheckboxMenu.js
@@ -54,8 +54,27 @@ export default function CheckboxMenu({
  </h3>
  </div>
  </div>
+ <div className="flex join mt-1 justify-center">
+ <button
+ className={`btn join-item btn-sm normal-case hover:bg-secondary ${
+ allSelected ? "bg-primary" : ""
+ }`}
+ onClick={selectAll}
+ >
+ All
+ </button>
+ <button
+ className={`btn join-item btn-sm normal-case hover:bg-secondary ${
+ noneSelected ? "bg-primary" : ""
+ }`}
+ onClick={selectNone}
+ >
+ None
+ </button>
+ </div>
+ <div className="divider my-1"></div>
  <div className={"overflow-auto flex-grow px-4 h-[150px]"}>
- <ul className="menu dropdown-content bg-base-100 rounded-box z-[1] w-52 p-2 mx-auto shadow">
+ <ul className="menu dropdown-content bg-base-100 rounded-box z-[1] w-52 p-2 mb-2 mx-auto shadow-lg">
  {options?.map((option) => (
  <li key={option}>
  <label className="label cursor-pointer">
@@ -73,25 +92,6 @@ export default function CheckboxMenu({
  ))}
  </ul>
  </div>
- <div className="mt-2 flex join justify-center">
- <button
- className={`btn join-item btn-sm normal-case hover:bg-secondary ${
- allSelected ? "bg-primary" : ""
- }`}
- onClick={selectAll}
- >
- All
- </button>
- <button
- className={`btn join-item btn-sm normal-case hover:bg-secondary ${
- noneSelected ? "bg-primary" : ""
- }`}
- onClick={selectNone}
- >
- None
- </button>
- </div>
- <div className="divider m-0"></div>
  </div>
  );
 }