fix: 调整分组弹窗留白并将滚动限定到分组列

This commit is contained in:
JSR
2026-03-26 16:30:08 +08:00
parent 692142a910
commit 24fcff19ca
2 changed files with 16 additions and 3 deletions
+2 -1
View File
@@ -213,6 +213,7 @@ html.platform-macos #root {
.ss-group-board-modal .ant-modal {
max-height: calc(100vh - 24px);
top: 0;
}
.ss-group-board-modal .ant-modal-content {
@@ -222,5 +223,5 @@ html.platform-macos #root {
}
.ss-group-board-modal .ant-modal-body {
overflow-y: auto;
overflow: hidden;
}
+14 -2
View File
@@ -1379,6 +1379,7 @@ export const StudentManager: React.FC<{ canEdit: boolean }> = ({ canEdit }) => {
<Modal
title={t("students.groupBoardTitle")}
open={groupBoardVisible}
centered
onCancel={() => {
setGroupBoardVisible(false)
setGroupBoardNewGroupName("")
@@ -1396,7 +1397,7 @@ export const StudentManager: React.FC<{ canEdit: boolean }> = ({ canEdit }) => {
okButtonProps={{ loading: groupBoardSaving }}
width="90%"
wrapClassName="ss-group-board-modal"
styles={{ body: { maxHeight: "calc(100vh - 220px)", overflowY: "auto" } }}
styles={{ body: { maxHeight: "calc(100vh - 220px)", overflow: "hidden" } }}
destroyOnHidden
>
<div style={{ color: "var(--ss-text-secondary)", marginBottom: 12, fontSize: 12 }}>
@@ -1455,7 +1456,18 @@ export const StudentManager: React.FC<{ canEdit: boolean }> = ({ canEdit }) => {
>
{groupLabel} ({studentsInGroup.length})
</div>
<div style={{ display: "flex", flexDirection: "column", gap: 8, minHeight: 160 }}>
<div
style={{
display: "flex",
flexDirection: "column",
gap: 8,
minHeight: 160,
maxHeight: "44vh",
overflowY: "auto",
overflowX: "hidden",
paddingRight: 2,
}}
>
{studentsInGroup.length > 0 ? (
studentsInGroup.map((student) => (
<div