improve UI on mobile

bangumi · Sep 2, 2024 · bd7d669 · bd7d669
1 parent e770ad7
commit bd7d669
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/server/templates/patch.html.jinja2 b/server/templates/patch.html.jinja2
@@ -26,6 +26,9 @@
           }
       }
   </style>
+  <script>
+    const isMobile = (window.innerWidth <= 800);
+  </script>
 {% endblock %}
 
 {% block content %}
@@ -218,7 +221,7 @@
           fileContentToggle: false,
           matching: 'lines',
           maxLineSizeInBlockForComparison: 80,
-          outputFormat: 'side-by-side',
+          outputFormat: isMobile ? 'line-by-line' : 'side-by-side',
           synchronisedScroll: true,
           renderNothingWhenEmpty: false,
         };
@@ -240,7 +243,7 @@
           maxLineSizeInBlockForComparison: 80,
           fileContentToggle: false,
           matching: 'words',
-          outputFormat: 'side-by-side',
+          outputFormat: isMobile ? 'line-by-line' : 'side-by-side',
           synchronisedScroll: true,
           renderNothingWhenEmpty: false,
         };