Increase icon opacity on-hover (#6291)

## Summary Makes it clearer that these are clickable.
2023-08-02 21:05:38 -04:00
parent a15b0a9102
commit 23e527e386
1 changed files with 2 additions and 2 deletions
--- a/playground/src/Editor/SideBar.tsx
+++ b/playground/src/Editor/SideBar.tsx
@@ -37,8 +37,8 @@ export function SideBarEntry({
      title={title}
      onClick={onClick}
      role="button"
-      className={`py-4 px-2 relative flex items-center flex-col ${
-        selected ? "fill-white text-white" : "fill-slate-500 text-slate-500"
+      className={`py-4 px-2 relative flex items-center flex-col fill-white text-white ${
+        selected ? "opacity-100" : "opacity-50 hover:opacity-100"
      }`}
    >
      {children}