keyboard reveal + adaptive fix

2022-11-29 22:58:30 +03:00
parent ecb7f10f74
commit 832a7ae058
2 changed files with 18 additions and 2 deletions
--- a/src/pages/style.ts
+++ b/src/pages/style.ts
@@ -291,7 +291,13 @@ export const FullScreenButton = styled.button`
 export const InputHolder = styled.div`
    background-color: rgba(0, 0, 0, .0);
    width: calc(100% - 70px);
-    height: 100%;
+    height: 60px;
    right: 70px;
+    top: 12px;
+    left: 12px;
    position: absolute;
+
+    @media screen and (max-width: 600px) {
+        width: 100%;
+    }
 `;