From 5646e2d4ef1e4f6ff2c6f08c35e7cc3f9a15b125 Mon Sep 17 00:00:00 2001
From: lhj <403133128@qq.com>
Date: Fri, 27 Sep 2024 00:42:03 +0800
Subject: [PATCH] =?UTF-8?q?=E5=85=A8=E5=B1=80=E6=BB=9A=E5=8A=A8=E6=9D=A1?=
 =?UTF-8?q?=E7=BE=8E=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/style.css | 24 +++++++++++++++++++-----
 1 file changed, 19 insertions(+), 5 deletions(-)

diff --git a/src/style.css b/src/style.css
index 142e87b..9a11c02 100644
--- a/src/style.css
+++ b/src/style.css
@@ -56,11 +56,6 @@ button:focus-visible {
   padding: 2em;
 }
 
-#app {
-  margin: 0 auto;
-  padding: 2rem;
-  text-align: center;
-}
 
 @media (prefers-color-scheme: light) {
   :root {
@@ -74,3 +69,22 @@ button:focus-visible {
     background-color: #f9f9f9;
   }
 }
+
+/* 全局滚动条美化 */
+::-webkit-scrollbar {
+  width: 4px; /* 垂直滚动条的宽度 */
+  height: 4px; /* 水平滚动条的高度 */
+}
+
+::-webkit-scrollbar-track {
+  background: #f1f1f1; /* 滚动条轨道背景色 */
+}
+
+::-webkit-scrollbar-thumb {
+  background: #bbb; /* 滚动条颜色 */
+  border-radius: 6px; /* 滚动条圆角 */
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: #aaa; /* 滚动条hover颜色 */
+}