Removed styles

KarmaKamikaze · Nov 9, 2023 · d835d73 · d835d73
1 parent fa84a92
commit d835d73
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 12 deletions.
diff --git a/ChatRPG/Areas/Identity/Pages/Account/Login.cshtml b/ChatRPG/Areas/Identity/Pages/Account/Login.cshtml
@@ -28,7 +28,7 @@
                     </label>
                 </div>
                 <div>
-                    <button id="login-submit" type="submit" class="w-100 btn-primary">Log in</button>
+                    <button id="login-submit" type="submit" class="w-100 btn-lg btn-primary">Log in</button>
                 </div>
                 <div>
                     <p>

diff --git a/ChatRPG/Areas/Identity/Pages/Account/Register.cshtml b/ChatRPG/Areas/Identity/Pages/Account/Register.cshtml
@@ -36,7 +36,7 @@
                 <label asp-for="Input.ConfirmPassword" class="text-black">Confirm Password</label>
                 <span asp-validation-for="Input.ConfirmPassword" class="text-danger"></span>
             </div>
-            <button id="registerSubmit" type="submit" class="w-100 btn btn-lg btn-primary">Register</button>
+            <button id="registerSubmit" type="submit" class="w-100 btn-lg btn-primary">Register</button>
             <div>
                 <p>
                     Already a member? Login

diff --git a/ChatRPG/Pages/Shared/_Layout.cshtml b/ChatRPG/Pages/Shared/_Layout.cshtml
@@ -23,13 +23,9 @@
 </head>
 <body class="vh-100 m-0" style="background-color: #3E3A3A">
     <header>
-        <nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light box-shadow" style="background-color: #232323">
+        <nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light box-shadow custom-gray-container">
             <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"
-                        aria-expanded="false" aria-label="Toggle navigation">
-                    <span class="navbar-toggler-icon"></span>
-                </button>
+                <a class="navbar-brand text-white" href="~/">ChatRPG</a>
                 <div class="navbar-collapse collapse d-sm-inline-flex flex-sm-row-reverse">
                     @{
                         var result = Engine.FindView(ViewContext, "_LoginPartial", isMainPage: false);
@@ -50,12 +46,12 @@
     </header>
 
 <div class="container-fluid mt-5 h-75 d-flex align-items-center justify-content-center">
-    <main role="main" class="pt-4 pb-4 col-6" style="background-color: #232323; color: white">
+    <main role="main" class="pt-4 pb-4 col-6 custom-gray-container">
         @RenderBody()
     </main>
 </div>
 
-<footer class="footer pl-3 text-muted" style="overflow: hidden; position: fixed; bottom: 0; padding: 10px">
+<footer class="footer pl-3 text-muted footer-formatting">
     <div class="container">
         &copy; 2023 - ChatRPG
         @{

diff --git a/ChatRPG/wwwroot/css/site.css b/ChatRPG/wwwroot/css/site.css
@@ -28,8 +28,7 @@ a, .btn-link {
     background-color: #297931;
     color: black;
     border-color: black;
-    box-shadow: none;
-    outline: white;
+    box-shadow: black;
 }
 
 .btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
@@ -85,6 +84,11 @@ a, .btn-link {
     background-color: rgb(80, 80, 80);
 }
 
+.custom-gray-container {
+    background-color: #232323;
+    color: white
+}
+
 .user-message-container {
     background-color: rgb(222, 222, 222);
     border-radius: 10px; /* Adds rounded corners to the container */
@@ -125,3 +129,10 @@ a, .btn-link {
 .custom-text-field:focus {
     box-shadow: none; /* Remove any focus box-shadow */
 }
+
+.footer-formatting {
+    overflow: hidden; 
+    position: fixed; 
+    bottom: 0; 
+    padding: 10px;
+}
-Original file line number
+Diff line change
@@ Expand Up / @@ -28,7 +28,7 @@ @@
                         </label>
                     </div>
                     <div>
-                        <button id="login-submit" type="submit" class="w-100 btn-primary">Log in</button>
+                        <button id="login-submit" type="submit" class="w-100 btn-lg btn-primary">Log in</button>
                     </div>
                     <div>
                         <p>
@@ Expand Down @@