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

11
exam/Styles/light.css
View File

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