fix blue highlight

2022-11-30 12:48:20 +03:00
parent 0087942ab4
commit ea7926ec6b
2 changed files with 23 additions and 1 deletions
--- a/src/components/keyboard.style.ts
+++ b/src/components/keyboard.style.ts
@@ -22,7 +22,11 @@ export const Wrapper = styled.div`
    align-items: center;
    justify-content: center;
    animation: ${reveal} .5s;
-    animation-timing-function: cubic-bezier(0, 0.65, 0.25, 1);
+    animation-timing-function: cubic-bezier(0, 0.39, 0.29, 1.02);
+
+    @media screen and (max-width: 600px) {
+        padding: 6px;
+    }
 `;

 export const KeyRow = styled.div`
@@ -50,6 +54,10 @@ export const Key = styled.button`
    border: none;
    box-shadow: 1px 2px 6px #5c7cc9;

+    @media screen and (max-width: 600px) {
+        margin: 2px;
+    }
+
    &:active {
        background: #f5f5f5;
        box-shadow: inset 1px 2px 6px #5c7cc9,