enhance(view):调整窗口宽度与浏览侧栏宽度。

src-tauri/tauri.conf.json

@@ -72,7 +72,7 @@
         "fullscreen": false,
         "resizable": true,
         "title": "漫画阅读器",
-        "width": 1000,
+        "width": 1200,
         "height": 800
       }
     ]

src/NavMenu.tsx

@@ -33,7 +33,8 @@ export const NavMenu: FC = () => {
   return (
     <Stack
       spacing={8}
-      miw={220}
+      w={300}
+      mw={200}
       h="inherit"
       sx={theme => ({
         flexGrow: 1,

src/components/ContinuationView.tsx

@@ -20,7 +20,7 @@ export const ContinuationView: FC = () => {
     },
     [files]
   );
-  const maxImageWidth = useMemo(() => viewWidth * (zoom / 100), [viewWidth, zoom]);
+  const maxImageWidth = useMemo(() => Math.floor(viewWidth * (zoom / 100)), [viewWidth, zoom]);
 
   useEffect(() => {
     ebus?.addListener('navigate_offset', ({ filename }) => {
@@ -59,7 +59,7 @@ export const ContinuationView: FC = () => {
                 justifyContent: 'center',
                 alignItems: 'flex-start',
                 width: '100%',
-                height: files[index].height * (maxImageWidth / files[index].width)
+                height: Math.round(files[index].height * (maxImageWidth / files[index].width))
               }}
             >
               <img src={files[index].path} style={{ width: maxImageWidth }} />