fix signin page layout when logged

TheCashiers · Oct 21, 2017 · 6a3e21b · 6a3e21b
1 parent c1b79ba
commit 6a3e21b
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 8 deletions.
diff --git a/src/Obsidian/Views/OAuth20/SignIn.cshtml b/src/Obsidian/Views/OAuth20/SignIn.cshtml
@@ -15,10 +15,11 @@
         <h3>One-stop Authenication Solution</h3>
     </div>
     @*Right Section*@
-    <div class="form form-padding form-white">
+    <div class="right-div form-size form-white">
         @if (Model.IsAutoSignIn)
             {
-            <form role="form" class="text-padding" asp-action="Authorize" asp-controller="OAuth20">
+            <div class="form-content">
+                <form role="form" class="text-padding" asp-action="Authorize" asp-controller="OAuth20">
                 <h3 class="center">Hello @Model.UserName!</h3>
 
                     <div class="face-wrapper">
@@ -40,10 +41,11 @@
                 <input asp-for="ProtectedOAuthContext" type="hidden" />
                 <button class="btn btn-lg btn-primary btn-block btn-raised" type="submit">Switch user / Sign out</button>
             </form>
+            </div>
         }
         else
         {
-            <form role="form" class="text-padding" asp-action="Authorize" asp-controller="OAuth20">
+            <form role="form" class="text-padding form-content" asp-action="Authorize" asp-controller="OAuth20">
                 <div class="form-group">
                     <label asp-for="UserName" class="control-label"></label>
                     <input asp-for="UserName" class="form-control" type="text" placeholder="Enter your E-mail address" required />

diff --git a/src/Obsidian/wwwroot/css/SignIn.css b/src/Obsidian/wwwroot/css/SignIn.css
@@ -19,20 +19,20 @@ body {
 }
 
 .fullscreen {
-        display: flex;
-        margin: 0;
+    display: flex;
+    margin: 0;
     border-radius: 5px;
     background: rgba(0,0,0,0.2);
     box-shadow: 0 0 0 1px rgba(111, 111, 111, 0.3) inset, 0 0.5em 1em rgba(0, 0, 0, 0.6);
     width: 100%;
 }
 
-form{
+.form-content{
     height: 100%;
     transform:translateY(-100%);
 }
 
-.form::before {
+.right-div::before {
     content: '';
     display: flex;
     height: 100%;
@@ -51,7 +51,7 @@ form{
 .left-div>h1{
     padding-bottom:40px;
 }
-.form-padding{
+.form-size{
     width:100%;
     height:100%;
 }