Adds hovers to buttons

ASproson · Aug 16, 2024 · 29ee8f7 · 29ee8f7
1 parent c32ea47
commit 29ee8f7
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/components/PlayerMenu.tsx b/src/components/PlayerMenu.tsx
@@ -10,7 +10,9 @@ export const PlayerMenu = () => {
   return (
     <div className="flex flex-col items-start flex-wrap font-bold text-lg p-4 h-full">
       {BUTTONS.map(({ title }) => (
-        <button key={title}>{title}</button>
+        <button key={title} className="text-slate-400 hover:text-slate-100 transition ease-in-out">
+          {title}
+        </button>
       ))}
     </div>
   );