Fixed centering, but there is still some scuffed stuff, but it is bet…

…ter now!
KarmaKamikaze · Nov 8, 2023 · 2280301 · 2280301
1 parent 69d20a9
commit 2280301
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 10 deletions.
diff --git a/ChatRPG/Areas/Identity/Pages/Account/Login.cshtml b/ChatRPG/Areas/Identity/Pages/Account/Login.cshtml
@@ -4,7 +4,7 @@
 @{
     ViewData["Title"] = "Log in";
 }
-<div class="pt-4 pb-4 mt-5" style="background-color: #232323; color: white">
+<div class="pt-4 pb-4" style="background-color: #232323; color: white">
     <h1 class="text-center" style="color: white">@ViewData["Title"]</h1>
     <div class="row d-flex align-items-center justify-content-center">
         <div class="col-md-8">

diff --git a/ChatRPG/Pages/Shared/_Layout.cshtml b/ChatRPG/Pages/Shared/_Layout.cshtml
@@ -21,9 +21,9 @@
         <link rel="stylesheet" href="~/Identity/css/site.css" asp-append-version="true" />
     </environment>
 </head>
-<body style="background-color: #3E3A3A">
+<body class="vh-100 m-0" style="background-color: #3E3A3A">
     <header>
-        <nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light box-shadow mb-3" style="background-color: #232323">
+        <nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light box-shadow" style="background-color: #232323">
             <div class="container">
                 <a class="navbar-brand" href="~/" style="color: white;">ChatRPG</a>
                 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target=".navbar-collapse" aria-controls="navbarSupportedContent"
@@ -49,12 +49,10 @@
         </nav>
     </header>
 
-    <div class="pt-4">
-        <div class="container pt-5">
-            <main role="main" class="pb-1 pt-5">
-                @RenderBody()
-            </main>
-        </div>
+    <div class="container mt-5 h-75 d-flex align-items-center">
+        <main role="main" class="flex-grow-1">
+            @RenderBody()
+        </main>
     </div>
     <footer class="footer pl-3 text-muted" style="overflow: hidden">
         <div class="container">

diff --git a/ChatRPG/wwwroot/css/bootstrap/bootstrap.min.css b/ChatRPG/wwwroot/css/bootstrap/bootstrap.min.css