From bc7a2414bc57a1ab8b3c87437b51e1c49cbcdc4d Mon Sep 17 00:00:00 2001
From: wxb <superwang9527@163.com>
Date: Mon, 6 Jan 2025 05:47:52 +0800
Subject: [PATCH] Fixed the issue that the input box will be magnified when
 clicking on it in mobile browser (#204)

* feat: modified input font size

* feat: restore viewport configuration
---
 example/encrypted/example.html | 7 +++++++
 index.html                     | 7 +++++++
 lib/password_template.html     | 7 +++++++
 scripts/index_template.html    | 7 +++++++
 4 files changed, 28 insertions(+)

diff --git a/example/encrypted/example.html b/example/encrypted/example.html
index 7ddb720..a0fd71e 100644
--- a/example/encrypted/example.html
+++ b/example/encrypted/example.html
@@ -164,6 +164,13 @@
                     transform: rotate(360deg);
                 }
             }
+
+            @media screen and (-webkit-min-device-pixel-ratio:0) { 
+                .staticrypt-form input[type="password"],
+                input[type="text"]  {
+                    font-size: 16px;
+                }
+            }
         </style>
     </head>
 
diff --git a/index.html b/index.html
index c30dd13..e8ada72 100644
--- a/index.html
+++ b/index.html
@@ -25,6 +25,13 @@
             label.no-style {
                 font-weight: normal;
             }
+
+            @media screen and (-webkit-min-device-pixel-ratio:0) { 
+                .staticrypt-form input[type="password"],
+                input[type="text"]  {
+                    font-size: 16px;
+                }
+            }
         </style>
     </head>
 
diff --git a/lib/password_template.html b/lib/password_template.html
index 2438908..680f931 100644
--- a/lib/password_template.html
+++ b/lib/password_template.html
@@ -164,6 +164,13 @@
                     transform: rotate(360deg);
                 }
             }
+
+            @media screen and (-webkit-min-device-pixel-ratio: 0) {
+                .staticrypt-form input[type="password"],
+                input[type="text"] {
+                    font-size: 16px;
+                }
+            }
         </style>
     </head>
 
diff --git a/scripts/index_template.html b/scripts/index_template.html
index d7abe12..5d6e4e5 100644
--- a/scripts/index_template.html
+++ b/scripts/index_template.html
@@ -25,6 +25,13 @@
             label.no-style {
                 font-weight: normal;
             }
+
+            @media screen and (-webkit-min-device-pixel-ratio: 0) {
+                .staticrypt-form input[type="password"],
+                input[type="text"] {
+                    font-size: 16px;
+                }
+            }
         </style>
     </head>