Improve ui

assets/translation.json

@@ -338,7 +338,7 @@
     "Number of images preloaded": "预加载图片数量",
     "Ascending": "升序",
     "Descending": "降序",
-    "Last Reading: Page @page": "上次阅读: 第 @page 页",
+    "Last Reading": "上次阅读",
     "Replies": "回复",
     "Follow Updates": "追更",
     "Not Configured": "未配置",
@@ -358,7 +358,6 @@
     "Once the operation is successful, app will automatically sync data with the server.": "操作成功后, APP将自动与服务器同步数据",
     "Cache cleared": "缓存已清除",
     "Disabled": "已禁用",
-    "Last Reading: @epName Page @page": "上次阅读: @epName 第 @page 页",
     "WebDAV Auto Sync": "WebDAV 自动同步",
     "Mark all as read": "全部标记为已读",
     "Do you want to mark all as read?" : "您要全部标记为已读吗？",
@@ -704,7 +703,7 @@
     "Number of images preloaded": "預加載圖片數量",
     "Ascending": "升序",
     "Descending": "降序",
-    "Last Reading: Page @page": "上次閱讀: 第 @page 頁",
+    "Last Reading": "上次閱讀",
     "Replies": "回覆",
     "Follow Updates": "追更",
     "Not Configured": "未配置",
@@ -724,7 +723,6 @@
     "Once the operation is successful, app will automatically sync data with the server.": "操作成功後, APP將自動與服務器同步數據",
     "Cache cleared": "緩存已清除",
     "Disabled": "已禁用",
-    "Last Reading: @epName Page @page": "上次閱讀: @epName 第 @page 頁",
     "WebDAV Auto Sync": "WebDAV 自動同步",
     "Mark all as read": "全部標記為已讀",
     "Do you want to mark all as read?" : "您要全部標記為已讀嗎？",

lib/pages/comic_details_page/comic_page.dart

@@ -372,7 +372,7 @@ class _ComicPageState extends LoadingState<ComicPage, ComicDetails>
               padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
               decoration: BoxDecoration(
                 color: context.colorScheme.surfaceContainerLow,
-                borderRadius: BorderRadius.circular(16),
+                borderRadius: BorderRadius.circular(24),
               ),
               child: Row(
                 mainAxisSize: MainAxisSize.min,
@@ -395,14 +395,9 @@ class _ComicPageState extends LoadingState<ComicPage, ComicDetails>
                                 .getGroupByIndex(group - 1)
                                 .values
                                 .elementAt(ep - 1);
-                        text = "Last Reading: @epName Page @page".tlParams({
-                          'epName': epName,
-                          'page': page,
-                        });
+                        text = "${"Last Reading".tl}: $epName P$page";
                       } else {
-                        text = "Last Reading: Page @page".tlParams({
-                          'page': page,
-                        });
+                        text = "${"Last Reading".tl}: P$page";
                       }
                       return Text(text);
                     },

lib/pages/reader/images.dart

@@ -921,10 +921,21 @@ class _SwipeChangeChapterProgressState
     return CustomPaint(
       painter: _ProgressPainter(
         value: value,
-        backgroundColor: context.colorScheme.surfaceContainer,
-        color: context.colorScheme.primaryContainer,
+        backgroundColor: context.colorScheme.surfaceContainerLow,
+        color: context.colorScheme.surfaceContainerHighest,
       ),
-      child: Text(msg).paddingVertical(4).paddingHorizontal(16),
+      child: Row(
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          Icon(
+            widget.isPrev ? Icons.arrow_downward : Icons.arrow_upward,
+            color: context.colorScheme.onSurface,
+            size: 16,
+          ),
+          const SizedBox(width: 4),
+          Text(msg),
+        ],
+      ).paddingVertical(6).paddingHorizontal(16),
     );
   }
 }