feat: 优化了排版和渲染

liteyuki/resources/lang/de.lang

@@ -93,3 +93,8 @@ user.profile.nickname.desc=Spitzname des Bots für den Benutzer festlegen
 user.profile.input_value=Bitte geben Sie {ATTR} ein
 user.profile.set_success={ATTR} erfolgreich auf {VALUE} festgelegt
 user.profile.set_failed={ATTR} festlegen fehlgeschlagen. Bitte überprüfen Sie, ob die Eingabe gültig ist.
+
+liteyuki.image_mode_on=Markdown-Bild
+liteyuki.image_mode_off=Markdown-Link
+
+npm.page=Page {PAGE}/{TOTAL}

liteyuki/resources/lang/en.lang

@@ -93,3 +93,8 @@ user.profile.nickname.desc=Set Bot's nickname for the user
 user.profile.input_value=Please enter {ATTR}
 user.profile.set_success={ATTR} set successfully to {VALUE}
 user.profile.set_failed=Setting {ATTR} failed. Please check if the input is valid.
+
+liteyuki.image_mode_on=Enable markdown image
+liteyuki.image_mode_off=Closed markdown image
+
+npm.page=Page {PAGE}/{TOTAL}

liteyuki/resources/lang/zh-CN.lang

@@ -95,4 +95,6 @@ user.profile.set_success=成功将 {ATTR} 设置为 {VALUE}
 user.profile.set_failed=设置 {ATTR} 失败，请检查输入是否合法
 
 liteyuki.image_mode_on=开启Markdown图片模式
-liteyuki.image_mode_off=关闭Markdown图片模式
+liteyuki.image_mode_off=关闭Markdown图片模式
+
+npm.page=第{PAGE}/{TOTAL}页

liteyuki/resources/templates/stats.html

@@ -16,40 +16,44 @@
             background-image: url('img/bg1.jpg');
             color: white;
             // 上10px，左右10px，下0px
-            margin: 10px 10px 0;
+            margin: 24px;
 
 
         }
         
         .info-box {
-            border-radius: 10px;
-            padding: 15px;
+            border-radius: 30px;
+            padding: 30px;
             backdrop-filter: blur(30px);
             background-color: rgba(0, 0, 0, 0.3);
             display: flex;
-            margin-bottom: 10px;
+            margin: 0 24px 24px;
         }
 
         #cpu-chart, #mem-chart, #swap-chart {
-            height: 150px;
-            width: 100px;
-            margin: -10px 15px;
+            height: 240px;
+            width: 240px;
+            margin-bottom: 20px;
+        }
+
+        #cpu-info, #mem-info, #swap-info {
+            margin: 0 40px;
+            align-items: center;
         }
 
         #bot-info {
+            margin-top: 24px;
             align-items: center;
         }
 
         #hardware-info {
             justify-content: center;
             text-align: center;
-            align-items: center;
         }
 
         #bot-icon {
             border-radius: 50%;
-            width: 100px;
-            height: 100px;
+            height: 200px;
         }
 
         #bot-name, #bot-tag {
@@ -57,28 +61,22 @@
         }
 
         #bot-name {
-            font-size: 22px;
+            font-size: 42px;
             font-weight: bold;
         }
 
-        #bot-id {
-            margin-left: 10px;
-            font-size: 18px;
-            font-weight: normal;
-        }
 
         #bot-tag {
             margin-top: 10px;
-            display: flex;
-            flex-wrap: wrap;
         }
 
         .chart-label {
-            font-size: 15px;
+            font-size: 30px;
+            max-width: 240px;
         }
 
         .tag {
-            font-size: 15px;
+            font-size: 27px;
         }
 
         .tag::after {
@@ -178,7 +176,7 @@
                     textStyle: {
                         //文字颜色
                         color: '#fff',
-                        fontSize: 15
+                        fontSize: 30
                     }
                 },
                 tooltip: {
@@ -207,7 +205,7 @@
                                 label: {
                                     show: true,
                                     textStyle: {
-                                        fontSize: '25',
+                                        fontSize: '50',
                                         fontWeight: 'bold'
                                     }
                                 }