GitHub/decky-loader
1
0
Fork 0
mirror of https://github.com/SteamDeckHomebrew/decky-loader.git synced 2026-06-13 12:15:09 +03:00
Code Issues Packages Projects Releases Wiki Activity

add scroll overflow

Browse Source
This commit is contained in:
Beebles
2025-09-26 15:54:10 -06:00
parent 002f0db04a
commit 6eab1c1e16
1 changed files with 17 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/AnnouncementsDisplay.tsx
+17 -15
View File
@@ -178,7 +178,7 @@ function AnnouncementModal({
onHide: () => void;
}) {
return (
<ModalRoot>
<ModalRoot onCancel={closeModal} onEscKeypress={closeModal}>
<style>
{`
.steam-focus {
@@ -200,20 +200,22 @@ function AnnouncementModal({
}
`}
</style>
<h1>{announcement.title}</h1>
<WithSuspense>
<MarkdownRenderer
onDismiss={() => {
console.log('Dismiss');
closeModal?.();
}}
>
{announcement.text}
</MarkdownRenderer>
</WithSuspense>
<Focusable style={{ display: 'flex', gap: '0.5rem' }}>
<DialogButton onClick={() => onHide()}>Close Popup</DialogButton>
<DialogButton onClick={() => onHide()}>Close and Hide Announcement</DialogButton>
<Focusable style={{display: "flex", flexDirection: "column", gap: "0.5rem", overflowY: "scroll", height: "80vh"}}>
<h1>{announcement.title}</h1>
<WithSuspense>
<MarkdownRenderer
onDismiss={() => {
console.log('Dismiss');
closeModal?.();
}}
>
{announcement.text}
</MarkdownRenderer>
</WithSuspense>
<Focusable style={{ display: 'flex', gap: '0.5rem' }}>
<DialogButton onClick={() => onHide()}>Close Popup</DialogButton>
<DialogButton onClick={() => onHide()}>Close and Hide Announcement</DialogButton>
</Focusable>
</Focusable>
</ModalRoot>
);