bigbuffet/pleroma
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge branch 'improve-positioning' into 'develop'

Browse source 
Improve center position of cards for the Auth Layout

See merge request soapbox-pub/soapbox-fe!1688
This commit is contained in:
Justin 2022-07-28 12:06:07 +00:00
commit dc0624916a
1 changed files with 9 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
app/soapbox/features/auth_layout/index.tsx
View file

@ -12,6 +12,7 @@ import PasswordReset from '../auth_login/components/password_reset';
import PasswordResetConfirm from '../auth_login/components/password_reset_confirm'; import PasswordResetConfirm from '../auth_login/components/password_reset_confirm';
import RegistrationForm from '../auth_login/components/registration_form'; import RegistrationForm from '../auth_login/components/registration_form';
import ExternalLoginForm from '../external_login/components/external-login-form'; import ExternalLoginForm from '../external_login/components/external-login-form';
import Footer from '../public_layout/components/footer';
import RegisterInvite from '../register_invite'; import RegisterInvite from '../register_invite';
import Verification from '../verification'; import Verification from '../verification';
import EmailPassthru from '../verification/email_passthru'; import EmailPassthru from '../verification/email_passthru';
@ -41,9 +42,9 @@ const AuthLayout = () => {
<div className='h-full'> <div className='h-full'>
<LandingGradient /> <LandingGradient />
<main className='relative min-h-full sm:flex sm:justify-center'> <main className='relative h-full sm:flex sm:justify-center'>
<div className='w-full sm:max-w-lg md:max-w-2xl lg:max-w-6xl'> <div className='w-full h-full flex flex-col sm:max-w-lg md:max-w-2xl lg:max-w-6xl'>
<header className='flex justify-between relative py-12 px-2'> <header className='flex justify-between relative py-12 px-2 mb-auto'>
<div className='relative z-0 flex-1 px-2 lg:flex lg:items-center lg:justify-center lg:absolute lg:inset-0'> <div className='relative z-0 flex-1 px-2 lg:flex lg:items-center lg:justify-center lg:absolute lg:inset-0'>
<Link to='/' className='cursor-pointer'> <Link to='/' className='cursor-pointer'>
<SiteLogo alt={siteTitle} className='h-7' /> <SiteLogo alt={siteTitle} className='h-7' />
@ -63,7 +64,7 @@ const AuthLayout = () => {
)} )}
</header> </header>
<div className='flex flex-col h-full justify-center items-center'> <div className='flex flex-col justify-center items-center'>
<div className='pb-10 sm:mx-auto w-full sm:max-w-lg md:max-w-2xl'> <div className='pb-10 sm:mx-auto w-full sm:max-w-lg md:max-w-2xl'>
<Card variant='rounded' size='xl'> <Card variant='rounded' size='xl'>
<CardBody> <CardBody>
@ -88,6 +89,10 @@ const AuthLayout = () => {
</Card> </Card>
</div> </div>
</div> </div>
<div className='mt-auto'>
<Footer />
</div>
</div> </div>
</main> </main>
</div> </div>