fix: mobile responsive password signup form

hackerspace-ntnu · Jan 24, 2025 · 4039a36 · 4039a36
1 parent 93e2ea0
commit 4039a36
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/messages/en.json b/messages/en.json
@@ -49,7 +49,7 @@
     "invalidCredentials": "Invalid credentials",
     "matrixRegistrationFailed": "Matrix user registration failed",
     "createPassword": "Create password",
-    "passwordDescription": "The password will be used for signing into Matrix or your Hackerspace Account",
+    "passwordDescription": "The password will be used for signing into Matrix and your Hackerspace Account",
     "createAccount": "Create Account",
     "feideNotConfigured": "Feide is not configured",
     "form": {

diff --git a/messages/no.json b/messages/no.json
@@ -49,7 +49,7 @@
     "invalidCredentials": "Ugyldige påloggingsdetaljer",
     "matrixRegistrationFailed": "Matrix bruker registrering feilet",
     "createPassword": "Lag passord",
-    "passwordDescription": "Passordet vil bli brukt for å logge inn på Matrix eller din Hackerspace-konto",
+    "passwordDescription": "Passordet vil bli brukt for å logge inn på Matrix og din Hackerspace-konto",
     "createAccount": "Opprett konto",
     "feideNotConfigured": "Feide er ikke konfigurert",
     "form": {

diff --git a/src/app/[locale]/auth/layout.tsx b/src/app/[locale]/auth/layout.tsx
@@ -51,12 +51,12 @@ export default async function AuthLayout({
               }}
             />
           </CardHeader>
-          <div className='h-96'>
+          <div className='~min-[24rem]/xs:~h-112/96'>
             <NextIntlClientProvider
               messages={{ auth, ui } as Pick<Messages, 'auth' | 'ui'>}
             >
               <AnimatePresenceProvider className='absolute left-0 flex w-full justify-center'>
-                <div className='~px-3/6 h-96 w-full max-w-md overflow-hidden'>
+                <div className='~px-3/6 ~min-[24rem]/xs:~h-112/96 w-full max-w-md overflow-hidden'>
                   {children}
                 </div>
               </AnimatePresenceProvider>