Fixed images on rtl mode

resources/js/Pages/Comic/Read.jsx

@@ -76,7 +76,7 @@ export default function Read({ auth, comic, chapter }) {
         } else if (divDimensions[0] > divDimensions[1] && readingMode === 'utd') {
             imgStyles = { width: '50%' };
         } else if (readingMode === 'rtl') {
-            imgStyles = { height: 'calc(100dvh - 90px)' };
+            imgStyles = { width: '100%', height: 'calc(100dvh - 90px)', objectFit: 'contain' };
         }
 
         const handleImageClick = (e) => {
@@ -156,6 +156,10 @@ export default function Read({ auth, comic, chapter }) {
                     </DialogContent>
                 </Dialog>
 
+                    <Button variant="ghost">
+                     { currentImage } / { chapter.sorted.length }
+                </Button>
+
                 <TooltipProvider>
                     <Tooltip>
                         <TooltipTrigger>
@@ -204,10 +208,6 @@ export default function Read({ auth, comic, chapter }) {
                         </Tooltip>
                     </TooltipProvider>
                 ) }
-
-                <Button variant="ghost">
-                     { currentImage } / { chapter.sorted.length }
-                </Button>
             </>
         );
     }