fix mobile search field

2026-08-03 07:41:04 +02:00 · 2023-02-03 13:37:41 +01:00
parent 179bf6663e
commit d32e39f0dc
2 changed files with 31 additions and 7 deletions
@@ -66,6 +66,30 @@ export const Search = styled.div`
    margin-left: 5px;
  }

+  @media only screen and (max-width: 480px) {
+    text-align: center;
+
+    input[type="text"] {
+      width: 80%;
+      height: 35px;
+      font-size: 20px;
+      padding: 5px;
+      box-sizing: border-box;
+      -webkit-appearance: none;
+      -webkit-border-radius: 0;
+      border-radius: 0;
+    }
+    
+    input[type="submit"] {
+      height: 35px;
+      font-size: 14px;
+      padding: 5px;
+      box-sizing: border-box;
+      vertical-align: top;
+      width: 60px;
+    }
+  }
+
 `;

 export const Page = styled.div`