ExamAware/ExamSchedule
3
0
Fork 0
mirror of https://github.com/ExamAware/ExamSchedule.git synced 2025-04-29 11:06:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(style): 优化设置模态框的样式和滚动条设计

Browse Source
This commit is contained in:
MKStoler1024 2025-04-09 17:02:32 +00:00
parent 26e314de8e
commit 1ed57266ed
2 changed files with 15 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
exam/Styles/dark.css
View File

@ -183,28 +183,28 @@ tr:hover {
#settings-modal-content { #settings-modal-content {
background: #2B2930; background: #2B2930;
padding: 32px; padding: 32px 48px 32px 32px;
margin: 32px auto; /* 减小上边距 */ margin: 32px auto;
border-radius: 28px; border-radius: 28px;
max-width: 600px; width: 600px;
max-height: 60vh; /* 添加最大高度 */ max-height: 60vh;
overflow-y: auto; /* 添加垂直滚动 */ overflow-y: auto;
box-shadow: 0 8px 24px rgba(0,0,0,0.4); box-shadow: 0 8px 24px rgba(0,0,0,0.4);
} }
/* 添加滚动条样式 */
#settings-modal-content::-webkit-scrollbar { #settings-modal-content::-webkit-scrollbar {
width: 8px; width: 8px;
} }
#settings-modal-content::-webkit-scrollbar-track { #settings-modal-content::-webkit-scrollbar-track {
background: #1C1B1F; background: transparent;
border-radius: 4px; margin: 4px;
} }
#settings-modal-content::-webkit-scrollbar-thumb { #settings-modal-content::-webkit-scrollbar-thumb {
background: #4A4458; background: #4A4458;
border-radius: 4px; border-radius: 8px;
border: 2px solid #2B2930;
} }
#settings-modal-content::-webkit-scrollbar-thumb:hover { #settings-modal-content::-webkit-scrollbar-thumb:hover {

11
exam/Styles/light.css
View File

@ -183,10 +183,10 @@ tr:hover {
#settings-modal-content { #settings-modal-content {
background: #FFFFFF; background: #FFFFFF;
padding: 32px; padding: 32px 48px 32px 32px;
margin: 32px auto; margin: 32px auto;
border-radius: 28px; border-radius: 28px;
max-width: 600px; width: 600px;
max-height: 60vh; max-height: 60vh;
overflow-y: auto; overflow-y: auto;
box-shadow: 0 8px 24px rgba(0,0,0,0.2); box-shadow: 0 8px 24px rgba(0,0,0,0.2);
@ -197,13 +197,14 @@ tr:hover {
} }
#settings-modal-content::-webkit-scrollbar-track { #settings-modal-content::-webkit-scrollbar-track {
background: #F7F2FA; background: transparent;
border-radius: 4px; margin: 4px;
} }
#settings-modal-content::-webkit-scrollbar-thumb { #settings-modal-content::-webkit-scrollbar-thumb {
background: #E8DEF8; background: #E8DEF8;
border-radius: 4px; border-radius: 8px;
border: 2px solid #FFFFFF;
} }
#settings-modal-content::-webkit-scrollbar-thumb:hover { #settings-modal-content::-webkit-scrollbar-thumb:hover {