moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

d-screen: fall back to h-screen

This commit is contained in:
Alex Gleason 2022-05-24 15:31:46 -04:00
parent 7902908504
commit 66a113b61a
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
2 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
app/soapbox/components/loading-screen.tsx
View File

@ -10,8 +10,9 @@ const LoadingScreen: React.FC = () => {
<LandingGradient /> <LandingGradient />
<div className='fixed d-screen w-screen flex items-center justify-center z-10'> <div className='fixed d-screen w-screen flex items-center justify-center z-10'>
{/* Bump up spinner vertically to counteract optical illusion. */} <div className='p-4'>
<Spinner size={40} withText={false} /> <Spinner size={40} withText={false} />
</div>
</div> </div>
</div> </div>
); );

2
app/styles/application.scss
View File

@ -104,6 +104,8 @@
} }
.d-screen { .d-screen {
height: 100vh; // Backwards compatibility
/* stylelint-disable-next-line unit-no-unknown */
height: 100dvh; height: 100dvh;
} }
} }