Mercurial

diff mrjunejune/src/tools/file_converter/index.html @ 97:3bdfffaad162

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
[MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
author June Park <parkjune1995@gmail.com>
date Fri, 02 Jan 2026 20:21:58 -0800
parents be91a73d801a
children
line wrap: on
line diff
--- a/mrjunejune/src/tools/file_converter/index.html	Fri Jan 02 19:16:17 2026 -0800
+++ b/mrjunejune/src/tools/file_converter/index.html	Fri Jan 02 20:21:58 2026 -0800
@@ -35,11 +35,11 @@
         }
 
         input[type="file"] {
-            width: 50%;
-            padding: 0.5rem;
+            padding: 0.75rem;
             border: 2px dashed #ccc;
             border-radius: 4px;
             background: white;
+            font-size: 16px;
         }
 
         button {
@@ -52,6 +52,7 @@
             cursor: pointer;
             font-size: 1rem;
             margin-top: 1rem;
+            min-height: 44px;
         }
 
         button:hover {
@@ -102,6 +103,36 @@
         .loading.show {
             display: block;
         }
+
+        /* Mobile responsive */
+        @media (max-width: 720px) {
+            .container {
+                padding: 1rem;
+                margin: 1rem auto;
+            }
+
+            .converter-section {
+                padding: 1.5rem 1rem;
+            }
+
+            .converter-section h2 {
+                font-size: 1.5rem;
+            }
+
+            .file-input-wrapper label {
+                font-size: 1rem;
+            }
+
+            button {
+                font-size: 1.1rem;
+                padding: 1rem 1.5rem;
+            }
+
+            .result {
+                padding: 1rem;
+                font-size: 1rem;
+            }
+        }
     </style>
 </head>
 <body>