add scroll overflow

This commit is contained in:
Beebles
2025-09-26 15:54:10 -06:00
parent 002f0db04a
commit 6eab1c1e16
@@ -178,7 +178,7 @@ function AnnouncementModal({
onHide: () => void; onHide: () => void;
}) { }) {
return ( return (
<ModalRoot> <ModalRoot onCancel={closeModal} onEscKeypress={closeModal}>
<style> <style>
{` {`
.steam-focus { .steam-focus {
@@ -200,6 +200,7 @@ function AnnouncementModal({
} }
`} `}
</style> </style>
<Focusable style={{display: "flex", flexDirection: "column", gap: "0.5rem", overflowY: "scroll", height: "80vh"}}>
<h1>{announcement.title}</h1> <h1>{announcement.title}</h1>
<WithSuspense> <WithSuspense>
<MarkdownRenderer <MarkdownRenderer
@@ -215,6 +216,7 @@ function AnnouncementModal({
<DialogButton onClick={() => onHide()}>Close Popup</DialogButton> <DialogButton onClick={() => onHide()}>Close Popup</DialogButton>
<DialogButton onClick={() => onHide()}>Close and Hide Announcement</DialogButton> <DialogButton onClick={() => onHide()}>Close and Hide Announcement</DialogButton>
</Focusable> </Focusable>
</Focusable>
</ModalRoot> </ModalRoot>
); );
} }