From 9c665e664b17bc061eab46e7b739f3249de3c423 Mon Sep 17 00:00:00 2001 From: AmitUp9 <96980485+AmitUp9@users.noreply.github.com> Date: Thu, 20 Jan 2022 18:29:26 +0200 Subject: [PATCH] TRA-4158 login touch ups (#667) * logos switched and put in place * removed unnessesry commas * fix warning * remove dev code Co-authored-by: gadotroee <55343099+gadotroee@users.noreply.github.com> --- ui/src/components/AuthPageBase.tsx | 6 +++++- ui/src/components/assets/MizuEntLogoNoPowBy.svg | 9 +++++++++ ui/src/components/assets/powered-by.svg | 12 ++++++++++++ ui/src/components/style/AuthBasePage.sass | 6 ++++++ 4 files changed, 32 insertions(+), 1 deletion(-) create mode 100644 ui/src/components/assets/MizuEntLogoNoPowBy.svg create mode 100644 ui/src/components/assets/powered-by.svg diff --git a/ui/src/components/AuthPageBase.tsx b/ui/src/components/AuthPageBase.tsx index 6aa397757..cceab632e 100644 --- a/ui/src/components/AuthPageBase.tsx +++ b/ui/src/components/AuthPageBase.tsx @@ -1,6 +1,7 @@ import React from "react"; import background from "./assets/authBackground.png"; -import logo from './assets/MizuEntLogoFull.svg'; +import logo from './assets/MizuEntLogoNoPowBy.svg'; +import poweredBy from './assets/powered-by.svg' import "./style/AuthBasePage.sass"; @@ -10,6 +11,9 @@ export const AuthPageBase: React.FC = ({children}) => { logo {children} +
+ logo +
; }; diff --git a/ui/src/components/assets/MizuEntLogoNoPowBy.svg b/ui/src/components/assets/MizuEntLogoNoPowBy.svg new file mode 100644 index 000000000..50d886a2a --- /dev/null +++ b/ui/src/components/assets/MizuEntLogoNoPowBy.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/ui/src/components/assets/powered-by.svg b/ui/src/components/assets/powered-by.svg new file mode 100644 index 000000000..436222a98 --- /dev/null +++ b/ui/src/components/assets/powered-by.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/ui/src/components/style/AuthBasePage.sass b/ui/src/components/style/AuthBasePage.sass index 82d33ba40..776978606 100644 --- a/ui/src/components/style/AuthBasePage.sass +++ b/ui/src/components/style/AuthBasePage.sass @@ -5,6 +5,9 @@ width: 100vw background-size: cover float: left + display: flex + align-items: center + flex-flow: column .authHeader margin: 80px 0 120px 0 @@ -13,6 +16,9 @@ align-items: center justify-content: center + .authFooter + margin-top: 3% + .centeredForm background-color: $main-background-color border-radius: 5px