feat(ui): update sound button style

mateusfg7 · Apr 6, 2022 · efb17c7 · efb17c7
1 parent 8cf19d8
commit efb17c7
Showing 1 changed file with 11 additions and 6 deletions.
diff --git a/src/components/Sound/styles.ts b/src/components/Sound/styles.ts
@@ -39,20 +39,25 @@ export const SoundButton = styled.div`
     opacity: 0.7;
   }
 
-  @media (min-width: 800px) {
-    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05);
+  cursor: pointer;
+
+  @media (min-width: 700px) {
+    &.selected {
+      background: rgba(255, 255, 255, 0.1);
+    }
+  }
 
+  @media (min-width: 800px) {
     &:hover {
-      cursor: pointer;
-      color: rgba(255, 255, 255, 0.8);
+      box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04);
       img {
-        opacity: 0.8;
+        opacity: 1;
       }
-
       background: rgba(255, 255, 255, 0.1);
     }
 
     &.selected {
+      box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05);
       background: rgba(255, 255, 255, 0.1);
     }
   }