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 { .ss-group-board-modal .ant-modal {
max-height: calc(100vh - 24px); max-height: calc(100vh - 24px);
top: 0;
} }
.ss-group-board-modal .ant-modal-content { .ss-group-board-modal .ant-modal-content {
@@ -222,5 +223,5 @@ html.platform-macos #root {
} }
.ss-group-board-modal .ant-modal-body { .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 <Modal
title={t("students.groupBoardTitle")} title={t("students.groupBoardTitle")}
open={groupBoardVisible} open={groupBoardVisible}
centered
onCancel={() => { onCancel={() => {
setGroupBoardVisible(false) setGroupBoardVisible(false)
setGroupBoardNewGroupName("") setGroupBoardNewGroupName("")
@@ -1396,7 +1397,7 @@ export const StudentManager: React.FC<{ canEdit: boolean }> = ({ canEdit }) => {
okButtonProps={{ loading: groupBoardSaving }} okButtonProps={{ loading: groupBoardSaving }}
width="90%" width="90%"
wrapClassName="ss-group-board-modal" wrapClassName="ss-group-board-modal"
styles={{ body: { maxHeight: "calc(100vh - 220px)", overflowY: "auto" } }} styles={{ body: { maxHeight: "calc(100vh - 220px)", overflow: "hidden" } }}
destroyOnHidden destroyOnHidden
> >
<div style={{ color: "var(--ss-text-secondary)", marginBottom: 12, fontSize: 12 }}> <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}) {groupLabel} ({studentsInGroup.length})
</div> </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.length > 0 ? (
studentsInGroup.map((student) => ( studentsInGroup.map((student) => (
<div <div