LumeWeb
/
skynet-webportal
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(dashboard-v2): styling fixes for mobile view

This commit is contained in:
Michał Leszczyk 2022-03-24 09:44:58 +01:00
parent 202450e9d8
commit 2664a3c4c4
No known key found for this signature in database
GPG Key ID: FA123CA8BAA2FBF4
6 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/dashboard-v2/src/layouts/AuthLayout.js
View File

@ -6,7 +6,7 @@ import { UserProvider } from "../contexts/user";
import { guestsOnly, allUsers } from "../lib/swrConfig"; import { guestsOnly, allUsers } from "../lib/swrConfig";
const Layout = styled.div.attrs({ 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-image: url(/images/auth-bg.svg);
background-repeat: no-repeat; background-repeat: no-repeat;

4
packages/dashboard-v2/src/pages/auth/login.js
View File

@ -9,8 +9,8 @@ const LoginPage = ({ location }) => {
const redirectTo = query.get("return_to"); const redirectTo = query.get("return_to");
return ( return (
<div className="bg-white px-8 py-10 md:py-32 lg:px-16 xl:px-28 h-screen"> <div className="bg-white px-8 py-10 md:py-32 lg:px-16 xl:px-28 min-h-screen">
<div className="mb-16"> <div className="mb-4 md:mb-16">
<img src="/images/logo-black-text.svg" alt="Skynet" /> <img src="/images/logo-black-text.svg" alt="Skynet" />
</div> </div>
<LoginForm onSuccess={() => navigate(redirectTo || "/")} /> <LoginForm onSuccess={() => navigate(redirectTo || "/")} />

4
packages/dashboard-v2/src/pages/auth/reset-password.js
View File

@ -15,8 +15,8 @@ const ResetPasswordPage = () => {
const [state, setState] = useState(State.Pure); const [state, setState] = useState(State.Pure);
return ( return (
<div className="bg-white px-8 py-10 md:py-32 lg:px-16 xl:px-28 h-screen"> <div className="bg-white px-8 py-10 md:py-32 lg:px-16 xl:px-28 min-h-screen">
<div className="mb-16"> <div className="mb-4 md:mb-16">
<img src="/images/logo-black-text.svg" alt="Skynet" /> <img src="/images/logo-black-text.svg" alt="Skynet" />
</div> </div>
{state !== State.Success && ( {state !== State.Success && (

4
packages/dashboard-v2/src/pages/auth/signup.js
View File

@ -24,8 +24,8 @@ const SignUpPage = () => {
}, [state]); }, [state]);
return ( return (
<div className="bg-white px-8 py-10 md:py-32 lg:px-16 xl:px-28 h-screen"> <div className="bg-white px-8 py-10 md:py-32 lg:px-16 xl:px-28 min-h-screen">
<div className="mb-16"> <div className="mb-4 md:mb-16">
<img src="/images/logo-black-text.svg" alt="Skynet" /> <img src="/images/logo-black-text.svg" alt="Skynet" />
</div> </div>
{state !== State.Success && ( {state !== State.Success && (

4
packages/dashboard-v2/src/pages/user/confirm.js
View File

@ -42,8 +42,8 @@ const EmailConfirmationPage = ({ location }) => {
}, [token]); }, [token]);
return ( return (
<div className="bg-white px-8 py-10 md:py-32 lg:px-16 xl:px-28 h-screen"> <div className="bg-white px-8 py-10 md:py-32 lg:px-16 xl:px-28 min-h-screen">
<div className="mb-16"> <div className="mb-4 md:mb-16">
<img src="/images/logo-black-text.svg" alt="Skynet" /> <img src="/images/logo-black-text.svg" alt="Skynet" />
</div> </div>
<div className="text-center"> <div className="text-center">

4
packages/dashboard-v2/src/pages/user/recover.js
View File

@ -19,8 +19,8 @@ const RecoverPage = ({ location }) => {
const [state, setState] = useState(State.Pure); const [state, setState] = useState(State.Pure);
return ( return (
<div className="bg-white px-8 py-10 md:py-32 lg:px-16 xl:px-28 h-screen"> <div className="bg-white px-8 py-10 md:py-32 lg:px-16 xl:px-28 min-h-screen">
<div className="mb-16"> <div className="mb-4 md:mb-16">
<img src="/images/logo-black-text.svg" alt="Skynet" /> <img src="/images/logo-black-text.svg" alt="Skynet" />
</div> </div>
{state !== State.Success && ( {state !== State.Success && (