|
|
@@ -296,19 +296,19 @@
|
|
|
|
|
|
// 学生功能区域样式
|
|
|
.student-function-area {
|
|
|
- margin: 25px 25px 25px 0;
|
|
|
+ margin: 10px 25px 10px 0;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
gap: 20px;
|
|
|
flex-shrink: 0;
|
|
|
width: 330px;
|
|
|
- height: calc(100vh - 50px);
|
|
|
+ height: calc(100vh - 20px);
|
|
|
|
|
|
@media (max-width: 1439px) {
|
|
|
width: 280px;
|
|
|
- margin: 15px 15px 15px 0;
|
|
|
+ margin: 10px 15px 10px 0;
|
|
|
gap: 15px;
|
|
|
- height: calc(100vh - 30px);
|
|
|
+ height: calc(100vh - 20px);
|
|
|
}
|
|
|
|
|
|
.student-score-display {
|
|
|
@@ -507,17 +507,17 @@
|
|
|
border-right: 1px solid #e9ecef;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
- margin: 25px 0 25px 25px;
|
|
|
+ margin: 10px 0 10px 25px;
|
|
|
border-radius: 15px;
|
|
|
- height: calc(100vh - 50px);
|
|
|
+ height: calc(100vh - 20px);
|
|
|
flex-shrink: 0;
|
|
|
overflow: hidden;
|
|
|
|
|
|
// 笔记本屏幕
|
|
|
@media (max-width: 1439px) {
|
|
|
width: 320px;
|
|
|
- margin: 15px 0 15px 15px;
|
|
|
- height: calc(100vh - 30px);
|
|
|
+ margin: 10px 0 10px 15px;
|
|
|
+ height: calc(100vh - 20px);
|
|
|
}
|
|
|
|
|
|
.chat-header {
|
|
|
@@ -915,29 +915,29 @@
|
|
|
.right-content {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
- margin: 25px 20px 25px 30px;
|
|
|
+ margin: 10px 20px 10px 30px;
|
|
|
gap: 20px;
|
|
|
flex: 1;
|
|
|
min-width: 0;
|
|
|
- height: calc(100vh - 50px);
|
|
|
+ height: calc(100vh - 20px);
|
|
|
|
|
|
// 笔记本屏幕
|
|
|
@media (max-width: 1439px) {
|
|
|
- margin: 15px 15px 15px 20px;
|
|
|
+ margin: 10px 15px 10px 20px;
|
|
|
gap: 15px;
|
|
|
- height: calc(100vh - 30px);
|
|
|
+ height: calc(100vh - 20px);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
// 教师功能区域
|
|
|
.teacher-function-area {
|
|
|
- margin: 25px 25px 25px 0;
|
|
|
+ margin: 10px 25px 10px 0;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
gap: 15px;
|
|
|
flex-shrink: 0;
|
|
|
width: 330px;
|
|
|
- height: calc(100vh - 50px);
|
|
|
+ height: calc(100vh - 20px);
|
|
|
|
|
|
// 查看行为记录按钮
|
|
|
.behavior-record-btn {
|
|
|
@@ -961,9 +961,9 @@
|
|
|
// 笔记本屏幕
|
|
|
@media (max-width: 1439px) {
|
|
|
width: 280px;
|
|
|
- margin: 15px 15px 15px 0;
|
|
|
+ margin: 10px 15px 10px 0;
|
|
|
gap: 12px;
|
|
|
- height: calc(100vh - 30px);
|
|
|
+ height: calc(100vh - 20px);
|
|
|
}
|
|
|
}
|
|
|
|