perf: sidebar style

This commit is contained in:
Junyan Qin
2025-04-27 20:16:35 +08:00
parent 1175cf9bbf
commit 90a3f17a8f
@@ -1,6 +1,6 @@
.sidebarContainer { .sidebarContainer {
box-sizing: border-box; box-sizing: border-box;
width: 240px; width: 200px;
height: 100vh; height: 100vh;
background-color: #FFF; background-color: #FFF;
display: flex; display: flex;
@@ -9,7 +9,7 @@
} }
.langbotIconContainer { .langbotIconContainer {
width: 240px; width: 200px;
height: 70px; height: 70px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@@ -20,7 +20,7 @@
width: 54px; width: 54px;
height: 54px; height: 54px;
border-radius: 12px; border-radius: 12px;
background: #6062E7; background: #2288ee;
color: #fbfbfb; color: #fbfbfb;
font-weight: 600; font-weight: 600;
font-size: 36px; font-size: 36px;
@@ -36,7 +36,7 @@
.sidebarChildContainer { .sidebarChildContainer {
box-sizing: border-box; box-sizing: border-box;
width: 198px; width: 160px;
height: 48px; height: 48px;
margin: 12px 0; margin: 12px 0;
font-size: 16px; font-size: 16px;
@@ -49,8 +49,9 @@
} }
.sidebarSelected { .sidebarSelected {
background-color: #6062E7; background-color: #2288ee;
color: white; color: white;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
} }
.sidebarUnselected { .sidebarUnselected {