feat(client): added visual hover effects and borders on buttons, to m…

…ake it more usable on mobile
will-moss · Jul 30, 2024 · cda85cf · cda85cf
1 parent a2c9cb2
commit cda85cf
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/src/components/BlacklistManager/index.css b/src/components/BlacklistManager/index.css
@@ -116,6 +116,9 @@
   text-decoration: none;
   color: #002dff;
 }
+.blacklist-entry .left a:hover {
+  text-decoration: underline;
+}
 .blacklist-entry .right {
   display: flex;
   flex-direction: column;
@@ -134,8 +137,12 @@
   width: 48px;
   border-radius: 23051998px;
   outline: 0;
+  cursor: pointer;
   border: 0;
 }
+.blacklist-entry .right button:hover {
+  background: #008f00;
+}
 .blacklist-entry .right button svg {
   font-size: 18px;
   color: white;

diff --git a/src/components/BottomNavbar/index.css b/src/components/BottomNavbar/index.css
@@ -22,6 +22,10 @@
   outline: 0;
   border: 0;
   cursor: pointer;
+  outline: 1px solid #333;
+}
+.bottom-navbar .nav-item:hover {
+  background: #333;
 }
 
 .bottom-navbar .icon {