From a818be576621245589578dc93b601eca5d066a60 Mon Sep 17 00:00:00 2001 From: Priyatham Sai Chand Date: Fri, 26 Mar 2021 23:54:56 +0530 Subject: [PATCH] start styled log in migration --- src/components/LogInContainer.js | 15 +++++++++++++++ src/login_reg.css | 7 +------ 2 files changed, 16 insertions(+), 6 deletions(-) diff --git a/src/components/LogInContainer.js b/src/components/LogInContainer.js index 52c3a4b..c9a10d7 100644 --- a/src/components/LogInContainer.js +++ b/src/components/LogInContainer.js @@ -5,6 +5,21 @@ import Login from './Login'; import Footer from './Footer'; import '../login_reg.css'; +const BaseApp = styled.div` + display: flex; + color: white; + height:100vh; + + +`; +const AppSide = styled.div` + width: 50%; + background-color: #66bfbf; + display:flex; + flex-direction: column; + justify-content: flex-end; + +`; const LogInContainer = (props) => { return ( diff --git a/src/login_reg.css b/src/login_reg.css index 5b16d14..0914682 100644 --- a/src/login_reg.css +++ b/src/login_reg.css @@ -6,12 +6,7 @@ } .Apper__Aside { - width: 50%; - background-color: #66bfbf; - display:flex; - flex-direction: column; - justify-content: flex-end; - + }