fix adaptive

2022-11-29 22:36:58 +03:00
parent 43ca37d817
commit 37f6f1bdd8
7 changed files with 71 additions and 12 deletions
--- a/src/components/keyboard.style.ts
+++ b/src/components/keyboard.style.ts
@@ -25,8 +25,9 @@ export const BackspaceBtn = styled.img`

 export const Key = styled.button`
    margin: 4px;
-    width: 64px;
-    height: 64px;
+    width: 8vw;
+    height: 7vw;
+    min-height: 40px;
    font-size: 24px;
    display: flex;
    align-items: center;
@@ -42,4 +43,4 @@ export const Key = styled.button`
        box-shadow: inset 1px 2px 6px #5c7cc9,
            0px 6px 16px #5c7cc9;
    }
-`;
+`;