Convert Razor pages to Blazor

1 files changed, 39 insertions, 0 deletions

diff --git a/MainLayout.razor.css b/MainLayout.razor.css
new file mode 100644
index 0000000..e82e72e
--- /dev/null
+++ b/MainLayout.razor.css
@@ -0,0 +1,39 @@
+div#navbar {
+    background: var(--col-navbar-bg);
+    box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 10px;
+    display:    flex;
+}
+
+div#navbar > a {
+    color:   white;
+    display: inline-block;
+    padding: 20px 20px 20px 20px;
+}
+
+div#navbar > a:hover {
+    background: rgba(255, 255, 255, 0.4);
+    filter:     none;
+}
+
+div#navbar > a:active {
+    background: #fff;
+    color:      var(--col-navbar-bg);
+}
+
+div#navbar > input {
+    align-self:    center;
+    background:    var(--col-bg);
+    border-radius: 0;
+    color:         white;
+    height:        40px !important;
+    margin:        0 20px 0 auto;
+    font-size:     12pt;
+    min-width:     30%;
+}
+
+#content {
+    flex:       1 1 calc(100vh - 119px);
+    overflow-x: hidden;
+    overflow-y: auto;
+    padding:    30px;
+}