From 2664a3c4c45e3b5caf3af3a0af41b1d49bba23b3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Leszczyk?= <michasko37@gmail.com>
Date: Thu, 24 Mar 2022 09:44:58 +0100
Subject: [PATCH] fix(dashboard-v2): styling fixes for mobile view

---
 packages/dashboard-v2/src/layouts/AuthLayout.js        | 2 +-
 packages/dashboard-v2/src/pages/auth/login.js          | 4 ++--
 packages/dashboard-v2/src/pages/auth/reset-password.js | 4 ++--
 packages/dashboard-v2/src/pages/auth/signup.js         | 4 ++--
 packages/dashboard-v2/src/pages/user/confirm.js        | 4 ++--
 packages/dashboard-v2/src/pages/user/recover.js        | 4 ++--
 6 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/packages/dashboard-v2/src/layouts/AuthLayout.js b/packages/dashboard-v2/src/layouts/AuthLayout.js
index 8a803fed..85604321 100644
--- a/packages/dashboard-v2/src/layouts/AuthLayout.js
+++ b/packages/dashboard-v2/src/layouts/AuthLayout.js
@@ -6,7 +6,7 @@ import { UserProvider } from "../contexts/user";
 import { guestsOnly, allUsers } from "../lib/swrConfig";
 
 const Layout = styled.div.attrs({
-  className: "h-screen w-screen bg-black flex",
+  className: "min-h-screen w-screen bg-black flex",
 })`
   background-image: url(/images/auth-bg.svg);
   background-repeat: no-repeat;
diff --git a/packages/dashboard-v2/src/pages/auth/login.js b/packages/dashboard-v2/src/pages/auth/login.js
index 077dda61..e3b5240b 100644
--- a/packages/dashboard-v2/src/pages/auth/login.js
+++ b/packages/dashboard-v2/src/pages/auth/login.js
@@ -9,8 +9,8 @@ const LoginPage = ({ location }) => {
   const redirectTo = query.get("return_to");
 
   return (
-    <div className="bg-white px-8 py-10 md:py-32 lg:px-16 xl:px-28 h-screen">
-      <div className="mb-16">
+    <div className="bg-white px-8 py-10 md:py-32 lg:px-16 xl:px-28 min-h-screen">
+      <div className="mb-4 md:mb-16">
         <img src="/images/logo-black-text.svg" alt="Skynet" />
       </div>
       <LoginForm onSuccess={() => navigate(redirectTo || "/")} />
diff --git a/packages/dashboard-v2/src/pages/auth/reset-password.js b/packages/dashboard-v2/src/pages/auth/reset-password.js
index 9151f8b4..a7761327 100644
--- a/packages/dashboard-v2/src/pages/auth/reset-password.js
+++ b/packages/dashboard-v2/src/pages/auth/reset-password.js
@@ -15,8 +15,8 @@ const ResetPasswordPage = () => {
   const [state, setState] = useState(State.Pure);
 
   return (
-    <div className="bg-white px-8 py-10 md:py-32 lg:px-16 xl:px-28 h-screen">
-      <div className="mb-16">
+    <div className="bg-white px-8 py-10 md:py-32 lg:px-16 xl:px-28 min-h-screen">
+      <div className="mb-4 md:mb-16">
         <img src="/images/logo-black-text.svg" alt="Skynet" />
       </div>
       {state !== State.Success && (
diff --git a/packages/dashboard-v2/src/pages/auth/signup.js b/packages/dashboard-v2/src/pages/auth/signup.js
index d3df874d..210abab8 100644
--- a/packages/dashboard-v2/src/pages/auth/signup.js
+++ b/packages/dashboard-v2/src/pages/auth/signup.js
@@ -24,8 +24,8 @@ const SignUpPage = () => {
   }, [state]);
 
   return (
-    <div className="bg-white px-8 py-10 md:py-32 lg:px-16 xl:px-28 h-screen">
-      <div className="mb-16">
+    <div className="bg-white px-8 py-10 md:py-32 lg:px-16 xl:px-28 min-h-screen">
+      <div className="mb-4 md:mb-16">
         <img src="/images/logo-black-text.svg" alt="Skynet" />
       </div>
       {state !== State.Success && (
diff --git a/packages/dashboard-v2/src/pages/user/confirm.js b/packages/dashboard-v2/src/pages/user/confirm.js
index a66fc368..e0eb9778 100644
--- a/packages/dashboard-v2/src/pages/user/confirm.js
+++ b/packages/dashboard-v2/src/pages/user/confirm.js
@@ -42,8 +42,8 @@ const EmailConfirmationPage = ({ location }) => {
   }, [token]);
 
   return (
-    <div className="bg-white px-8 py-10 md:py-32 lg:px-16 xl:px-28 h-screen">
-      <div className="mb-16">
+    <div className="bg-white px-8 py-10 md:py-32 lg:px-16 xl:px-28 min-h-screen">
+      <div className="mb-4 md:mb-16">
         <img src="/images/logo-black-text.svg" alt="Skynet" />
       </div>
       <div className="text-center">
diff --git a/packages/dashboard-v2/src/pages/user/recover.js b/packages/dashboard-v2/src/pages/user/recover.js
index 6f419fdb..686e677a 100644
--- a/packages/dashboard-v2/src/pages/user/recover.js
+++ b/packages/dashboard-v2/src/pages/user/recover.js
@@ -19,8 +19,8 @@ const RecoverPage = ({ location }) => {
   const [state, setState] = useState(State.Pure);
 
   return (
-    <div className="bg-white px-8 py-10 md:py-32 lg:px-16 xl:px-28 h-screen">
-      <div className="mb-16">
+    <div className="bg-white px-8 py-10 md:py-32 lg:px-16 xl:px-28 min-h-screen">
+      <div className="mb-4 md:mb-16">
         <img src="/images/logo-black-text.svg" alt="Skynet" />
       </div>
       {state !== State.Success && (