Skip to content

fix #853 #862

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 5 commits into from
Oct 8, 2025
Merged

fix #853 #862

Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
44a830d
bay-width
0x70b1a5 Sep 16, 2025
c463409
maximillian-width
0x70b1a5 Sep 29, 2025
a9f90d2
styling
0x70b1a5 Sep 29, 2025
4e6d8d0
Merge branch 'develop' into tm/appstore-notifsbay-width
0x70b1a5 Sep 29, 2025
a6c87f9
Merge branch 'develop' into tm/appstore-notifsbay-width
nick1udwig Oct 8, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 8 additions & 4 deletions hyperdrive/packages/app-store/ui/src/components/NotificationBay.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -41,7 +41,7 @@ const NotificationBay: React.FC = () => {

return (
<>
<div className={classNames("relative rounded-md p-2 z-50")}>
<div className={classNames("relative rounded-md p-2")}>
<button
onClick={() => setIsExpanded(!isExpanded)}
className={`clear thin notification-button ${hasErrors ? 'has-errors' : ''}`}
Expand All @@ -54,8 +54,12 @@ const NotificationBay: React.FC = () => {
)}
</button>

{isExpanded && (
<div className="absolute top-full right-0 w-md max-w-screen-sm max-h-md min-h-0 overflow-y-auto bg-white dark:bg-black rounded-md shadow-md z-50 p-2 flex flex-col gap-2 items-stretch">
{isExpanded && <div
className="absolute top-full right-0 w-md max-w-[90vw] z-10 flex flex-col items-stretch"
>
<div
className="max-h-md min-h-0 overflow-y-auto bg-white dark:bg-black rounded-md shadow-md px-4 py-2 flex flex-col gap-2 items-stretch"
>
{notifications.length === 0 ? (
<p>All clear, no notifications!</p>
) : (
Expand All @@ -69,7 +73,7 @@ const NotificationBay: React.FC = () => {
))
)}
</div>
)}
</div>}
</div>

{modalContent && (
Expand Down