Optimized Dashboard

README-zh_CN.md

@@ -196,51 +196,51 @@ go build -o nginx-ui -v main.go
 **安装或升级**
 
 ```shell
-bash <(curl -L -s https://raw.githubusercontent.com/0xJacky/nginx-ui/master/install.sh) install
+bash <(curl -L -s https://ghproxy.com/https://raw.githubusercontent.com/0xJacky/nginx-ui/master/install.sh) install -r https://ghproxy.com/
 ```
 一键安装脚本默认设置的监听端口为 `9000`，HTTP Challenge 端口默认为 `9180`，如果出现端口冲突请进入 `/usr/local/etc/nginx-ui/app.ini` 修改，并使用 `systemctl restart nginx-ui` 重启 Nginx UI 服务。
 
 **卸载 Nginx UI 但保留配置和数据库文件**
 
 ```shell
-bash <(curl -L -s https://raw.githubusercontent.com/0xJacky/nginx-ui/master/install.sh) remove
+bash <(curl -L -s https://ghproxy.com/https://raw.githubusercontent.com/0xJacky/nginx-ui/master/install.sh) remove
 ```
 
 ### 更多用法
 
 ````shell
-bash <(curl -L -s https://raw.githubusercontent.com/0xJacky/nginx-ui/master/install.sh) help
+bash <(curl -L -s https://ghproxy.com/https://raw.githubusercontent.com/0xJacky/nginx-ui/master/install.sh) help
 ````
 
 ## Nginx 反向代理配置示例
 
 ```nginx
 server {
-    listen	80;
-    listen	[::]:80;
+    listen          80;
+    listen          [::]:80;
 
-    server_name	<your_server_name>;
+    server_name     <your_server_name>;
     rewrite ^(.*)$  https://$host$1 permanent;
 }
 
 server {
-    listen	443 ssl http2;
-    listen	[::]:443 ssl http2;
+    listen  443       ssl http2;
+    listen  [::]:443  ssl http2;
 
-    server_name	<your_server_name>;
+    server_name         <your_server_name>;
 
-    ssl_certificate	/path/to/ssl_cert;
-    ssl_certificate_key	/path/to/ssl_cert_key;
+    ssl_certificate     /path/to/ssl_cert;
+    ssl_certificate_key /path/to/ssl_cert_key;
 
     location / {
-        proxy_set_header Host $host;
-        proxy_set_header   X-Real-IP            $remote_addr;
-        proxy_set_header   X-Forwarded-For      $proxy_add_x_forwarded_for;
-        proxy_set_header   X-Forwarded-Proto    $scheme;
-        proxy_http_version 1.1;
-        proxy_set_header Upgrade $http_upgrade;
-        proxy_set_header Connection upgrade;
-        proxy_pass http://127.0.0.1:9000/;
+        proxy_set_header    Host                $host;
+        proxy_set_header    X-Real-IP           $remote_addr;
+        proxy_set_header    X-Forwarded-For     $proxy_add_x_forwarded_for;
+        proxy_set_header    X-Forwarded-Proto   $scheme;
+        proxy_http_version  1.1;
+        proxy_set_header    Upgrade             $http_upgrade;
+        proxy_set_header    Connection          upgrade;
+        proxy_pass          http://127.0.0.1:9000/;
     }
 }
 ```

README-zh_TW.md

@@ -216,31 +216,31 @@ bash <(curl -L -s https://raw.githubusercontent.com/0xJacky/nginx-ui/master/inst
 
 ```nginx
 server {
-    listen	80;
-    listen	[::]:80;
+    listen          80;
+    listen          [::]:80;
 
-    server_name	<your_server_name>;
+    server_name     <your_server_name>;
     rewrite ^(.*)$  https://$host$1 permanent;
 }
 
 server {
-    listen	443 ssl http2;
-    listen	[::]:443 ssl http2;
+    listen  443       ssl http2;
+    listen  [::]:443  ssl http2;
 
-    server_name	<your_server_name>;
+    server_name         <your_server_name>;
 
-    ssl_certificate	/path/to/ssl_cert;
-    ssl_certificate_key	/path/to/ssl_cert_key;
+    ssl_certificate     /path/to/ssl_cert;
+    ssl_certificate_key /path/to/ssl_cert_key;
 
     location / {
-        proxy_set_header Host $host;
-        proxy_set_header   X-Real-IP            $remote_addr;
-        proxy_set_header   X-Forwarded-For      $proxy_add_x_forwarded_for;
-        proxy_set_header   X-Forwarded-Proto    $scheme;
-        proxy_http_version 1.1;
-        proxy_set_header Upgrade $http_upgrade;
-        proxy_set_header Connection upgrade;
-        proxy_pass http://127.0.0.1:9000/;
+        proxy_set_header    Host                $host;
+        proxy_set_header    X-Real-IP           $remote_addr;
+        proxy_set_header    X-Forwarded-For     $proxy_add_x_forwarded_for;
+        proxy_set_header    X-Forwarded-Proto   $scheme;
+        proxy_http_version  1.1;
+        proxy_set_header    Upgrade             $http_upgrade;
+        proxy_set_header    Connection          upgrade;
+        proxy_pass          http://127.0.0.1:9000/;
     }
 }
 ```

README.md

@@ -215,31 +215,31 @@ bash <(curl -L -s https://raw.githubusercontent.com/0xJacky/nginx-ui/master/inst
 
 ```nginx
 server {
-    listen	80;
-    listen	[::]:80;
+    listen          80;
+    listen          [::]:80;
 
-    server_name	<your_server_name>;
+    server_name     <your_server_name>;
     rewrite ^(.*)$  https://$host$1 permanent;
 }
 
 server {
-    listen	443 ssl http2;
-    listen	[::]:443 ssl http2;
+    listen  443       ssl http2;
+    listen  [::]:443  ssl http2;
 
-    server_name	<your_server_name>;
+    server_name         <your_server_name>;
 
-    ssl_certificate	/path/to/ssl_cert;
-    ssl_certificate_key	/path/to/ssl_cert_key;
+    ssl_certificate     /path/to/ssl_cert;
+    ssl_certificate_key /path/to/ssl_cert_key;
 
     location / {
-        proxy_set_header Host $host;
-        proxy_set_header   X-Real-IP            $remote_addr;
-        proxy_set_header   X-Forwarded-For      $proxy_add_x_forwarded_for;
-        proxy_set_header   X-Forwarded-Proto    $scheme;
-        proxy_http_version 1.1;
-        proxy_set_header Upgrade $http_upgrade;
-        proxy_set_header Connection upgrade;
-        proxy_pass http://127.0.0.1:9000/;
+        proxy_set_header    Host                $host;
+        proxy_set_header    X-Real-IP           $remote_addr;
+        proxy_set_header    X-Forwarded-For     $proxy_add_x_forwarded_for;
+        proxy_set_header    X-Forwarded-Proto   $scheme;
+        proxy_http_version  1.1;
+        proxy_set_header    Upgrade             $http_upgrade;
+        proxy_set_header    Connection          upgrade;
+        proxy_pass          http://127.0.0.1:9000/;
     }
 }
 ```

frontend/src/components/Chart/RadialBarChart.vue

@@ -35,7 +35,7 @@ export default {
                 series: this.series,
                 chart: {
                     type: 'radialBar',
-                    offsetY: 0
+                    offsetY: -30
                 },
                 plotOptions: {
                     radialBar: {
@@ -43,12 +43,12 @@ export default {
                         endAngle: 135,
                         dataLabels: {
                             name: {
-                                fontSize: '15px',
+                                fontSize: '14px',
                                 color: this.colors,
-                                offsetY: 56
+                                offsetY: 36
                             },
                             value: {
-                                offsetY: 60,
+                                offsetY: 50,
                                 fontSize: '14px',
                                 color: undefined,
                                 formatter: () => {return ''}
@@ -82,16 +82,16 @@ export default {
 .container {
     position: relative;
     margin: 0 auto;
-    height: 172px;
+    height: 112px!important;
     .text {
         position: absolute;
-        top: calc(50% - 3px);
+        top: calc(50% - 5px);
         width: 100%;
         text-align: center;
     }
     .bottom_text {
         position: absolute;
-        top: calc(152px);
+        top: calc(106px);
         font-weight: 600;
         width: 100%;
         text-align: center;

frontend/src/locale/en/LC_MESSAGES/app.po

@@ -83,7 +83,7 @@ msgstr ""
 msgid "Configure SSL"
 msgstr ""
 
-#: src/views/dashboard/DashBoard.vue:207
+#: src/views/dashboard/DashBoard.vue:211
 msgid "CPU Status"
 msgstr ""
 
@@ -119,8 +119,8 @@ msgstr ""
 msgid "Disable auto-renewal failed for %{name}"
 msgstr ""
 
-#: src/views/domain/DomainList.vue:7 src/views/domain/DomainList.vue:2
-#: src/views/domain/DomainList.vue:17
+#: src/views/domain/DomainEdit.vue:63 src/views/domain/DomainList.vue:7
+#: src/views/domain/DomainList.vue:2 src/views/domain/DomainList.vue:17
 msgid "Disabled"
 msgstr ""
 
@@ -128,7 +128,7 @@ msgstr ""
 msgid "Disabled successfully"
 msgstr ""
 
-#: src/views/dashboard/DashBoard.vue:285
+#: src/views/dashboard/DashBoard.vue:289
 msgid "Disk IO"
 msgstr ""
 
@@ -140,7 +140,7 @@ msgstr ""
 msgid "Domain Config Created Successfully"
 msgstr ""
 
-#: src/views/domain/DomainEdit.vue:49
+#: src/views/domain/DomainEdit.vue:47
 msgid "Edit %{n}"
 msgstr ""
 
@@ -148,7 +148,7 @@ msgstr ""
 msgid "Edit Configuration"
 msgstr ""
 
-#: src/views/domain/DomainEdit.vue:136
+#: src/views/domain/DomainEdit.vue:134
 msgid "Edit Configuration File"
 msgstr ""
 
@@ -172,8 +172,9 @@ msgstr ""
 msgid "Enable TLS"
 msgstr ""
 
-#: src/views/domain/DomainEdit.vue:73 src/views/domain/DomainList.vue:8
-#: src/views/domain/DomainList.vue:3 src/views/domain/DomainList.vue:16
+#: src/views/domain/DomainEdit.vue:54 src/views/domain/DomainEdit.vue:71
+#: src/views/domain/DomainList.vue:8 src/views/domain/DomainList.vue:3
+#: src/views/domain/DomainList.vue:16
 msgid "Enabled"
 msgstr ""
 
@@ -282,10 +283,14 @@ msgstr ""
 msgid "Manage Users"
 msgstr ""
 
-#: src/views/dashboard/DashBoard.vue:103
+#: src/views/dashboard/DashBoard.vue:105
 msgid "Memory"
 msgstr ""
 
+#: src/views/dashboard/DashBoard.vue:93
+msgid "Memory and Storage"
+msgstr ""
+
 #: src/views/domain/DomainAdd.vue:28 src/views/domain/DomainAdd.vue:2
 msgid "Modify Config"
 msgstr ""
@@ -294,15 +299,19 @@ msgstr ""
 msgid "Name"
 msgstr ""
 
-#: src/views/dashboard/DashBoard.vue:234
+#: src/views/dashboard/DashBoard.vue:238
 msgid "Network"
 msgstr ""
 
-#: src/views/dashboard/DashBoard.vue:168
+#: src/views/dashboard/DashBoard.vue:163
+msgid "Network Statistics"
+msgstr ""
+
+#: src/views/dashboard/DashBoard.vue:172
 msgid "Network Total Receive"
 msgstr ""
 
-#: src/views/dashboard/DashBoard.vue:177
+#: src/views/dashboard/DashBoard.vue:181
 msgid "Network Total Send"
 msgstr ""
 
@@ -360,11 +369,11 @@ msgstr ""
 msgid "Project Team"
 msgstr ""
 
-#: src/views/dashboard/DashBoard.vue:61 src/views/dashboard/DashBoard.vue:308
+#: src/views/dashboard/DashBoard.vue:61 src/views/dashboard/DashBoard.vue:312
 msgid "Reads"
 msgstr ""
 
-#: src/views/dashboard/DashBoard.vue:51 src/views/dashboard/DashBoard.vue:243
+#: src/views/dashboard/DashBoard.vue:51 src/views/dashboard/DashBoard.vue:247
 msgid "Receive"
 msgstr ""
 
@@ -386,7 +395,7 @@ msgstr ""
 msgid "Saved successfully"
 msgstr ""
 
-#: src/views/dashboard/DashBoard.vue:54 src/views/dashboard/DashBoard.vue:257
+#: src/views/dashboard/DashBoard.vue:54 src/views/dashboard/DashBoard.vue:261
 msgid "Send"
 msgstr ""
 
@@ -415,7 +424,7 @@ msgstr ""
 msgid "Status"
 msgstr ""
 
-#: src/views/dashboard/DashBoard.vue:135
+#: src/views/dashboard/DashBoard.vue:137
 msgid "Storage"
 msgstr ""
 
@@ -423,7 +432,7 @@ msgstr ""
 msgid "Subject Name: %{name}"
 msgstr ""
 
-#: src/views/dashboard/DashBoard.vue:119
+#: src/views/dashboard/DashBoard.vue:121
 msgid "Swap"
 msgstr ""
 
@@ -476,6 +485,6 @@ msgstr ""
 msgid "Username (*)"
 msgstr ""
 
-#: src/views/dashboard/DashBoard.vue:58 src/views/dashboard/DashBoard.vue:294
+#: src/views/dashboard/DashBoard.vue:58 src/views/dashboard/DashBoard.vue:298
 msgid "Writes"
 msgstr ""

frontend/src/locale/zh_CN/LC_MESSAGES/app.po

@@ -85,7 +85,7 @@ msgstr "配置"
 msgid "Configure SSL"
 msgstr "配置 SSL"
 
-#: src/views/dashboard/DashBoard.vue:207
+#: src/views/dashboard/DashBoard.vue:211
 msgid "CPU Status"
 msgstr "CPU 状态"
 
@@ -121,8 +121,8 @@ msgstr "开发模式"
 msgid "Disable auto-renewal failed for %{name}"
 msgstr "关闭 %{name} 自动续签失败"
 
-#: src/views/domain/DomainList.vue:7 src/views/domain/DomainList.vue:2
-#: src/views/domain/DomainList.vue:17
+#: src/views/domain/DomainEdit.vue:63 src/views/domain/DomainList.vue:7
+#: src/views/domain/DomainList.vue:2 src/views/domain/DomainList.vue:17
 msgid "Disabled"
 msgstr "禁用"
 
@@ -130,7 +130,7 @@ msgstr "禁用"
 msgid "Disabled successfully"
 msgstr "禁用成功"
 
-#: src/views/dashboard/DashBoard.vue:285
+#: src/views/dashboard/DashBoard.vue:289
 msgid "Disk IO"
 msgstr "磁盘 IO"
 
@@ -142,7 +142,7 @@ msgstr "你想要改变模板以支持 TLS 吗？"
 msgid "Domain Config Created Successfully"
 msgstr "域名配置文件创建成功"
 
-#: src/views/domain/DomainEdit.vue:49
+#: src/views/domain/DomainEdit.vue:47
 msgid "Edit %{n}"
 msgstr "编辑 %{n}"
 
@@ -150,7 +150,7 @@ msgstr "编辑 %{n}"
 msgid "Edit Configuration"
 msgstr "编辑配置"
 
-#: src/views/domain/DomainEdit.vue:136
+#: src/views/domain/DomainEdit.vue:134
 msgid "Edit Configuration File"
 msgstr "编辑配置文件"
 
@@ -174,8 +174,9 @@ msgstr "启用失败"
 msgid "Enable TLS"
 msgstr "启用 TLS"
 
-#: src/views/domain/DomainEdit.vue:73 src/views/domain/DomainList.vue:8
-#: src/views/domain/DomainList.vue:3 src/views/domain/DomainList.vue:16
+#: src/views/domain/DomainEdit.vue:54 src/views/domain/DomainEdit.vue:71
+#: src/views/domain/DomainList.vue:8 src/views/domain/DomainList.vue:3
+#: src/views/domain/DomainList.vue:16
 msgid "Enabled"
 msgstr "启用"
 
@@ -286,10 +287,14 @@ msgstr "网站管理"
 msgid "Manage Users"
 msgstr "用户管理"
 
-#: src/views/dashboard/DashBoard.vue:103
+#: src/views/dashboard/DashBoard.vue:105
 msgid "Memory"
 msgstr "内存"
 
+#: src/views/dashboard/DashBoard.vue:93
+msgid "Memory and Storage"
+msgstr "内存与存储"
+
 #: src/views/domain/DomainAdd.vue:28 src/views/domain/DomainAdd.vue:2
 msgid "Modify Config"
 msgstr "修改配置文件"
@@ -298,15 +303,19 @@ msgstr "修改配置文件"
 msgid "Name"
 msgstr "名称"
 
-#: src/views/dashboard/DashBoard.vue:234
+#: src/views/dashboard/DashBoard.vue:238
 msgid "Network"
 msgstr "网络"
 
-#: src/views/dashboard/DashBoard.vue:168
+#: src/views/dashboard/DashBoard.vue:163
+msgid "Network Statistics"
+msgstr "流量统计"
+
+#: src/views/dashboard/DashBoard.vue:172
 msgid "Network Total Receive"
 msgstr "下载流量"
 
-#: src/views/dashboard/DashBoard.vue:177
+#: src/views/dashboard/DashBoard.vue:181
 msgid "Network Total Send"
 msgstr "上传流量"
 
@@ -364,11 +373,11 @@ msgstr "私钥路径 (ssl_certificate_key)"
 msgid "Project Team"
 msgstr "项目团队"
 
-#: src/views/dashboard/DashBoard.vue:61 src/views/dashboard/DashBoard.vue:308
+#: src/views/dashboard/DashBoard.vue:61 src/views/dashboard/DashBoard.vue:312
 msgid "Reads"
 msgstr "读"
 
-#: src/views/dashboard/DashBoard.vue:51 src/views/dashboard/DashBoard.vue:243
+#: src/views/dashboard/DashBoard.vue:51 src/views/dashboard/DashBoard.vue:247
 msgid "Receive"
 msgstr "下载"
 
@@ -390,7 +399,7 @@ msgstr "保存错误 %{msg}"
 msgid "Saved successfully"
 msgstr "保存成功"
 
-#: src/views/dashboard/DashBoard.vue:54 src/views/dashboard/DashBoard.vue:257
+#: src/views/dashboard/DashBoard.vue:54 src/views/dashboard/DashBoard.vue:261
 msgid "Send"
 msgstr "上传"
 
@@ -419,7 +428,7 @@ msgstr "跳过"
 msgid "Status"
 msgstr "状态"
 
-#: src/views/dashboard/DashBoard.vue:135
+#: src/views/dashboard/DashBoard.vue:137
 msgid "Storage"
 msgstr "存储"
 
@@ -427,7 +436,7 @@ msgstr "存储"
 msgid "Subject Name: %{name}"
 msgstr "主体名称: %{name}"
 
-#: src/views/dashboard/DashBoard.vue:119
+#: src/views/dashboard/DashBoard.vue:121
 msgid "Swap"
 msgstr ""
 
@@ -484,7 +493,7 @@ msgstr "用户名"
 msgid "Username (*)"
 msgstr "用户名 (*)"
 
-#: src/views/dashboard/DashBoard.vue:58 src/views/dashboard/DashBoard.vue:294
+#: src/views/dashboard/DashBoard.vue:58 src/views/dashboard/DashBoard.vue:298
 msgid "Writes"
 msgstr "写"
 

frontend/src/locale/zh_TW/LC_MESSAGES/app.po

@@ -86,7 +86,7 @@ msgstr "配置"
 msgid "Configure SSL"
 msgstr "配置 SSL"
 
-#: src/views/dashboard/DashBoard.vue:207
+#: src/views/dashboard/DashBoard.vue:211
 msgid "CPU Status"
 msgstr "中央處理器狀態"
 
@@ -122,8 +122,8 @@ msgstr "開發模式"
 msgid "Disable auto-renewal failed for %{name}"
 msgstr "關閉 %{name} 自動續簽失敗"
 
-#: src/views/domain/DomainList.vue:7 src/views/domain/DomainList.vue:2
-#: src/views/domain/DomainList.vue:17
+#: src/views/domain/DomainEdit.vue:63 src/views/domain/DomainList.vue:7
+#: src/views/domain/DomainList.vue:2 src/views/domain/DomainList.vue:17
 msgid "Disabled"
 msgstr "禁用"
 
@@ -131,7 +131,7 @@ msgstr "禁用"
 msgid "Disabled successfully"
 msgstr "禁用成功"
 
-#: src/views/dashboard/DashBoard.vue:285
+#: src/views/dashboard/DashBoard.vue:289
 msgid "Disk IO"
 msgstr "磁碟 IO"
 
@@ -143,7 +143,7 @@ msgstr "你想要改變模板以支援 TLS 嗎？"
 msgid "Domain Config Created Successfully"
 msgstr "域名配置文件創建成功"
 
-#: src/views/domain/DomainEdit.vue:49
+#: src/views/domain/DomainEdit.vue:47
 msgid "Edit %{n}"
 msgstr "編輯 %{n}"
 
@@ -151,7 +151,7 @@ msgstr "編輯 %{n}"
 msgid "Edit Configuration"
 msgstr "編輯配置"
 
-#: src/views/domain/DomainEdit.vue:136
+#: src/views/domain/DomainEdit.vue:134
 msgid "Edit Configuration File"
 msgstr "編輯配置檔案"
 
@@ -175,8 +175,9 @@ msgstr "啟用失敗"
 msgid "Enable TLS"
 msgstr "啟用 TLS"
 
-#: src/views/domain/DomainEdit.vue:73 src/views/domain/DomainList.vue:8
-#: src/views/domain/DomainList.vue:3 src/views/domain/DomainList.vue:16
+#: src/views/domain/DomainEdit.vue:54 src/views/domain/DomainEdit.vue:71
+#: src/views/domain/DomainList.vue:8 src/views/domain/DomainList.vue:3
+#: src/views/domain/DomainList.vue:16
 msgid "Enabled"
 msgstr "啟用"
 
@@ -287,10 +288,14 @@ msgstr "網站管理"
 msgid "Manage Users"
 msgstr "使用者管理"
 
-#: src/views/dashboard/DashBoard.vue:103
+#: src/views/dashboard/DashBoard.vue:105
 msgid "Memory"
 msgstr "記憶體"
 
+#: src/views/dashboard/DashBoard.vue:93
+msgid "Memory and Storage"
+msgstr "記憶體和存儲"
+
 #: src/views/domain/DomainAdd.vue:28 src/views/domain/DomainAdd.vue:2
 msgid "Modify Config"
 msgstr "修改配置"
@@ -299,15 +304,19 @@ msgstr "修改配置"
 msgid "Name"
 msgstr "名稱"
 
-#: src/views/dashboard/DashBoard.vue:234
+#: src/views/dashboard/DashBoard.vue:238
 msgid "Network"
 msgstr "網路"
 
-#: src/views/dashboard/DashBoard.vue:168
+#: src/views/dashboard/DashBoard.vue:163
+msgid "Network Statistics"
+msgstr "網路統計"
+
+#: src/views/dashboard/DashBoard.vue:172
 msgid "Network Total Receive"
 msgstr "下載流量"
 
-#: src/views/dashboard/DashBoard.vue:177
+#: src/views/dashboard/DashBoard.vue:181
 msgid "Network Total Send"
 msgstr "上傳流量"
 
@@ -365,11 +374,11 @@ msgstr "私鑰路徑 (ssl_certificate_key)"
 msgid "Project Team"
 msgstr "專案團隊"
 
-#: src/views/dashboard/DashBoard.vue:61 src/views/dashboard/DashBoard.vue:308
+#: src/views/dashboard/DashBoard.vue:61 src/views/dashboard/DashBoard.vue:312
 msgid "Reads"
 msgstr "讀"
 
-#: src/views/dashboard/DashBoard.vue:51 src/views/dashboard/DashBoard.vue:243
+#: src/views/dashboard/DashBoard.vue:51 src/views/dashboard/DashBoard.vue:247
 msgid "Receive"
 msgstr "下載"
 
@@ -391,7 +400,7 @@ msgstr "儲存錯誤 %{msg}"
 msgid "Saved successfully"
 msgstr "儲存成功"
 
-#: src/views/dashboard/DashBoard.vue:54 src/views/dashboard/DashBoard.vue:257
+#: src/views/dashboard/DashBoard.vue:54 src/views/dashboard/DashBoard.vue:261
 msgid "Send"
 msgstr "上傳"
 
@@ -420,7 +429,7 @@ msgstr "跳過"
 msgid "Status"
 msgstr "狀態"
 
-#: src/views/dashboard/DashBoard.vue:135
+#: src/views/dashboard/DashBoard.vue:137
 msgid "Storage"
 msgstr "儲存"
 
@@ -428,7 +437,7 @@ msgstr "儲存"
 msgid "Subject Name: %{name}"
 msgstr "主體名稱: %{name}"
 
-#: src/views/dashboard/DashBoard.vue:119
+#: src/views/dashboard/DashBoard.vue:121
 msgid "Swap"
 msgstr "交換空間"
 
@@ -485,7 +494,7 @@ msgstr "使用者名稱"
 msgid "Username (*)"
 msgstr "使用者名稱 (*)"
 
-#: src/views/dashboard/DashBoard.vue:58 src/views/dashboard/DashBoard.vue:294
+#: src/views/dashboard/DashBoard.vue:58 src/views/dashboard/DashBoard.vue:298
 msgid "Writes"
 msgstr "寫"
 

frontend/src/views/dashboard/DashBoard.vue

@@ -25,9 +25,9 @@
                     </p>
                 </a-card>
             </a-col>
-            <a-col :xl="10" :lg="18" :md="24" class="chart_dashboard">
-                <a-card>
-                    <a-row>
+            <a-col :xl="10" :lg="16" :md="24" class="chart_dashboard">
+                <a-card :title="$gettext('Memory and Storage')">
+                    <a-row :gutter="[0,16]">
                         <a-col :xs="24" :sm="24" :md="8">
                             <radial-bar-chart :name="$gettext('Memory')" :series="[memory_pressure]"
                                               :centerText="memory_used" :bottom-text="memory_total" colors="#36a3eb"/>
@@ -44,14 +44,14 @@
                     </a-row>
                 </a-card>
             </a-col>
-            <a-col :xl="7" :lg="6" :sm="24" class="chart_dashboard">
-                <a-card>
+            <a-col :xl="7" :lg="8" :sm="24" class="chart_dashboard">
+                <a-card :title="$gettext('Network Statistics')">
                     <a-row :gutter="16">
-                        <a-col :span="24">
+                        <a-col :span="12">
                             <a-statistic :value="bytesToSize(net.last_recv)"
                                          :title="$gettext('Network Total Receive')"/>
                         </a-col>
-                        <a-col :span="24">
+                        <a-col :span="12">
                             <a-statistic :value="bytesToSize(net.last_sent)"
                                          :title="$gettext('Network Total Send')"/>
                         </a-col>