base site

WF-WebAdmin/WF-WebAdmin/Shared/MainLayout.razor

@@ -1,19 +1,18 @@
-@inherits LayoutComponentBase
-
-<PageTitle>WF-WebAdmin</PageTitle>
-
-<div class="page">
-    <div class="sidebar">
-        <NavMenu />
-    </div>
-
-    <main>
-        <div class="top-row px-4">
-            <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>
-        </div>
-
-        <article class="content px-4">
-            @Body
-        </article>
-    </main>
-</div>
+@inherits LayoutComponentBase
+
+<PageTitle>WF-WebAdmin</PageTitle>
+
+<div class="page">
+    <div class="sidebar">
+        <NavMenu />
+    </div>
+
+    <main>
+        <div class="top-row px-4">
+            <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>
+        </div>
+        <article class="content px-4">
+            @Body
+        </article>
+    </main>
+</div>

WF-WebAdmin/WF-WebAdmin/Shared/NavMenu.razor

@@ -1,6 +1,6 @@
 <div class="top-row ps-3 navbar navbar-dark">
     <div class="container-fluid">
-        <a class="navbar-brand" href="">WF-WebAdmin</a>
+        <a class="navbar-brand" href="">Wiki Fantasy</a>
         <button title="Navigation menu" class="navbar-toggler" @onclick="ToggleNavMenu">
             <span class="navbar-toggler-icon"></span>
         </button>

WF-WebAdmin/WF-WebAdmin/wwwroot/css/site.css

@@ -2,6 +2,8 @@
 
 html, body {
     font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+    background: white;
+    color: black;
 }
 
 h1:focus {
@@ -9,7 +11,8 @@ h1:focus {
 }
 
 a, .btn-link {
-    color: #0071c1;
+    color: #ffffff;
+    text-decoration: none;
 }
 
 .btn-primary {
@@ -62,3 +65,11 @@ a, .btn-link {
     .blazor-error-boundary::after {
         content: "An error has occurred."
     }
+
+
+button {
+    border: none;
+    border-radius: 25px;
+    background-color: lightgrey;
+    padding: 1vh;
+}