feat: add support for ultrawide screens
This commit is contained in:
parent
978707e434
commit
f7051ed46b
1 changed files with 36 additions and 29 deletions
|
|
@ -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" />
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue