💄 微调模板样式

KomoriDev · Jul 31, 2024 · 442a9dc · 442a9dc
1 parent 7bcd374
commit 442a9dc
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 5 deletions.
diff --git a/nonebot_plugin_wakatime/render_pic.py b/nonebot_plugin_wakatime/render_pic.py
@@ -43,7 +43,7 @@ async def render(data: WakaTime) -> bytes:
             "all_time_since_today": data["all_time_since_today"],
         },
         pages={
-            "viewport": {"width": 550, "height": 800},
+            "viewport": {"width": 550, "height": 10},
             "base_url": f"file://{TEMPLATES_DIR}",
         },
     )
diff --git a/nonebot_plugin_wakatime/resources/templates/index.css b/nonebot_plugin_wakatime/resources/templates/index.css
@@ -557,7 +557,6 @@ video {
 .background {
   --tw-bg-opacity: 0.1;
   background-size: cover;
-  background-attachment: fixed;
   background-position: center;
   background-repeat: no-repeat;
 }
@@ -676,6 +675,10 @@ video {
   margin-top: 1.5rem;
 }
 
+.mt-10 {
+  margin-top: 2.5rem;
+}
+
 .block {
   display: block;
 }
@@ -910,6 +913,14 @@ video {
   padding-bottom: 5rem;
 }
 
+.pt-20 {
+  padding-top: 5rem;
+}
+
+.pb-10 {
+  padding-bottom: 2.5rem;
+}
+
 .text-center {
   text-align: center;
 }

diff --git a/nonebot_plugin_wakatime/resources/templates/profile.html b/nonebot_plugin_wakatime/resources/templates/profile.html
@@ -8,7 +8,7 @@
   <link rel="stylesheet" href="./index.css" />
 </head>
 
-<body class="background px-10 py-20" style="background-image: url({{background_image}});">
+<body class="background px-10 pt-20 pb-10" style="background-image: url({{background_image}});">
 
   <!-- Profile -->
   <header class="frosted-glass relative w-auto">
@@ -85,7 +85,7 @@ <h1 class="text-xl text-white font-semibold">@{{ user["username"] }}</h1>
             </svg>
           </div>
           <div>
-            <div class="text-white text-sm font-thin">{{ editor["name"] }}</div>
+            <div class="text-white text-sm font-light">{{ editor["name"] }}</div>
             <div class="text-white">{{ editor["text"] }}</div>
           </div>
         </div>
@@ -115,5 +115,5 @@ <h1 class="text-xl text-white font-semibold">@{{ user["username"] }}</h1>
       {% endfor %}
     </section>
   {% endif %}
-  <footer class="fixed bottom-5 left-0 w-full text-white text-center font-light">Generated by nonebot-plugin-wakatime</footer>
+  <footer class="mt-10 text-sm text-white text-center font-normal">Generated by nonebot-plugin-wakatime</footer>
 </body>