From f6cc0229bac8d0f1b42f1d80d931a8f0a42236c2 Mon Sep 17 00:00:00 2001
From: shoucandanghehe <wallfjjd@gmail.com>
Date: Sat, 4 May 2024 07:02:28 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20=E6=96=B0=E5=A2=9E=E9=9B=B7?=
 =?UTF-8?q?=E8=BE=BE=E5=9B=BE=E6=95=B0=E6=8D=AE=E7=9A=84=20tips?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../templates/css/data.css                    | 21 +++++++++++++++++--
 .../templates/data.j2.html                    |  6 +++++-
 2 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/nonebot_plugin_tetris_stats/templates/css/data.css b/nonebot_plugin_tetris_stats/templates/css/data.css
index 13d2541..c818e16 100644
--- a/nonebot_plugin_tetris_stats/templates/css/data.css
+++ b/nonebot_plugin_tetris_stats/templates/css/data.css
@@ -310,11 +310,28 @@
     color: #4779c6;
 }
 
+.radar-chart-box {
+    display: flex;
+    flex-direction: column;
+}
+
+.radar-background {
+    background: linear-gradient(222.34deg, #525252 11.97%, #1d1916 89.73%),
+        linear-gradient(222.34deg, #4f9dff 11.97%, #2563ea 89.73%);
+}
+
 #radar-chart {
     width: 275px;
     height: 275px;
-    background: linear-gradient(222.34deg, #525252 11.97%, #1d1916 89.73%),
-        linear-gradient(222.34deg, #4f9dff 11.97%, #2563ea 89.73%);
+}
+
+.radar-description {
+    text-align: left;
+    padding-left: 20px;
+    padding-top: 15px;
+    font-size: 12px;
+    color: #fafafa;
+    box-sizing: border-box;
 }
 
 .singleplayer-box {
diff --git a/nonebot_plugin_tetris_stats/templates/data.j2.html b/nonebot_plugin_tetris_stats/templates/data.j2.html
index 176d563..755b35e 100644
--- a/nonebot_plugin_tetris_stats/templates/data.j2.html
+++ b/nonebot_plugin_tetris_stats/templates/data.j2.html
@@ -66,7 +66,11 @@
                     </div>
                 </div>
                 <div class="flex-gap"></div>
-                <div class="chart-shadow box-rounded-corners" id="radar-chart"></div>
+                <div class="radar-chart-box">
+                    <div class="chart-shadow box-rounded-corners radar-background" id="radar-chart"></div>
+                    <div class="flex-gap"></div>
+                    <div class="chart-shadow box-rounded-corners small-data-box radar-background radar-description"><p style="font-size: 18px;display: inline;">tips: </p><br />DSPS 每秒挖掘<br />DSPP 每块挖掘<br />CI 奶酪指数<br />GE 垃圾利用率</div>
+                </div>
                 <div class="flex-gap"></div>
             </div>
             <span class="big-title">Singleplayer Stats</span>