Mercurial

diff mrjunejune/test/snapshots/tools_file_converter.snapshot @ 109:1c446ab6f945

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
[MrJuneJune] New Blog about writing Seobeo library.
author June Park <parkjune1995@gmail.com>
date Sat, 03 Jan 2026 19:37:51 -0800
parents 092afa595764
children e7899c93da77
line wrap: on
line diff
--- a/mrjunejune/test/snapshots/tools_file_converter.snapshot	Sat Jan 03 17:29:12 2026 -0800
+++ b/mrjunejune/test/snapshots/tools_file_converter.snapshot	Sat Jan 03 19:37:51 2026 -0800
@@ -1,6 +1,6 @@
 HTTP/1.1 200 OK
 Content-Type: text/html
-Content-Length: 7742
+Content-Length: 8526
 Connection: close
 
 <!DOCTYPE html>
@@ -9,7 +9,9 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>File Format Converter</title>
-    <link rel="icon" type="image/svg+xml" href="/public/epi_all_colors.svg">
+    <meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<link rel="icon" type="image/svg+xml" href="/public/epi_all_colors.svg">
 
 <link rel="preload" href="/public/fonts/Roboto-Regular.ttf" as="font"  crossorigin>
 <link rel="preload" href="/public/fonts/Roboto-Thin.ttf"as="font" crossorigin>
@@ -55,11 +57,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 {
@@ -72,6 +74,7 @@
             cursor: pointer;
             font-size: 1rem;
             margin-top: 1rem;
+            min-height: 44px;
         }
 
         button:hover {
@@ -122,6 +125,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>