feat: add support for ultrawide screens

This commit is contained in:
codytseng
2025-10-16 10:10:47 +08:00
parent 978707e434
commit f7051ed46b

View File

@@ -348,7 +348,13 @@ export function PageManager({ maxStackSize = 5 }: { maxStackSize?: number }) {
> >
<CurrentRelaysProvider> <CurrentRelaysProvider>
<NotificationProvider> <NotificationProvider>
<div className="flex h-[var(--vh)] overflow-hidden bg-surface-background"> <div className="flex flex-col items-center bg-surface-background">
<div
className="flex h-[var(--vh)] w-full bg-surface-background"
style={{
maxWidth: '1920px'
}}
>
<Sidebar /> <Sidebar />
<div className="grid grid-cols-2 gap-2 w-full pr-2 py-2"> <div className="grid grid-cols-2 gap-2 w-full pr-2 py-2">
<div className="rounded-lg shadow-lg bg-background overflow-hidden"> <div className="rounded-lg shadow-lg bg-background overflow-hidden">
@@ -384,6 +390,7 @@ export function PageManager({ maxStackSize = 5 }: { maxStackSize?: number }) {
</div> </div>
</div> </div>
</div> </div>
</div>
<TooManyRelaysAlertDialog /> <TooManyRelaysAlertDialog />
<CreateWalletGuideToast /> <CreateWalletGuideToast />
<BackgroundAudio className="fixed bottom-20 right-0 z-50 w-80 rounded-l-full rounded-r-none overflow-hidden shadow-lg border" /> <BackgroundAudio className="fixed bottom-20 right-0 z-50 w-80 rounded-l-full rounded-r-none overflow-hidden shadow-lg border" />