+
+
-
-
-
-
-

-
-
-
-
+
+
+
+
+
-
-
-
-
-
- <%= content %>
-
-
+
+

+
+
+ <% end %>
+
-
- <%= render_component "uikit" %>
- <%= yield_content "script" %>
-
+
+
+
+
+
+
+
+ <%= render_component "uikit" %>
+ <%= yield_content "script" %>
+
diff --git a/src/views/plugin-download.html.ecr b/src/views/plugin-download.html.ecr
index 692e22f..ece56b6 100644
--- a/src/views/plugin-download.html.ecr
+++ b/src/views/plugin-download.html.ecr
@@ -56,8 +56,10 @@
Click on a table row to select the chapter. Drag your mouse over multiple rows to select them all. Hold Ctrl to make multiple non-adjacent selections.
-
+
<% end %>
diff --git a/src/views/reader.html.ecr b/src/views/reader.html.ecr
index 0b4ee4d..0e46ed2 100644
--- a/src/views/reader.html.ecr
+++ b/src/views/reader.html.ecr
@@ -21,15 +21,15 @@
-
+
@@ -50,6 +50,9 @@
width:${mode === 'width' ? '100vw' : 'auto'};
height:${mode === 'height' ? '100vh' : 'auto'};
margin-bottom:0;
+ max-width:100%;
+ max-height:100%;
+ object-fit: contain;
`" />
@@ -80,6 +83,7 @@
+
+
+
+
+
+
@@ -110,12 +134,12 @@