styling tweaks

RoboJackets · Oct 13, 2023 · f45150f · f45150f
1 parent 79682ef
commit f45150f
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/urc_dashboard/src/components/DriverStation/Mode/Modes.tsx b/urc_dashboard/src/components/DriverStation/Mode/Modes.tsx
@@ -34,10 +34,13 @@ export const Modes = (props: ModesProps) => {
     },
   };
   return (
-    <div className="card">
-      <div className="card-title">Modes</div>
-      <div className="flex gap-2">
+    <div className="flex gap-2">
+      <div className="card">
+        <div className="card-title">Mode</div>
         <ModesList mode={modes.controls} ROS={props.ROS} />
+      </div>
+      <div className="card">
+        <div className="card-title">State</div>
         <ModesList mode={modes.toggle} ROS={props.ROS} />
       </div>
     </div>

diff --git a/urc_dashboard/src/components/DriverStation/Mode/ModesOptions.tsx b/urc_dashboard/src/components/DriverStation/Mode/ModesOptions.tsx
@@ -7,12 +7,12 @@ interface ModesOptionProps {
 
 export const ModesOption = (props: ModesOptionProps) => {
   let styling =
-    "w-full whitespace-nowrap p-2 hover:cursor-pointer text-center rounded-md text-neutral-400 hover:text-white";
+    "w-full whitespace-nowrap p-2 text-center rounded-md text-neutral-400 select-none";
   return (
     <div
       className={
         styling +
-        (props.idx === props.curIdx ? " bg-neutral-700 text-white" : "")
+        (props.idx === props.curIdx ? " bg-neutral-700 text-white" : " hover:cursor-pointer hover:bg-slate-50 hover:text-white")
       }
       onClick={() => props.updateIdx(props.idx)}
     >