Create prime pagine

Template.Shared/wwwroot/css/app.css

@@ -1,11 +1,15 @@
 html, body {
-    font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+    font-family: "Nunito", sans-serif;
     font-size: 14px;
     font-weight: 400;
     line-height: 1.8;
     color: black;
 }
 
+* { font-family: "Nunito", sans-serif !important; }
+
+.mud-button-label { font-weight: 700 !important; }
+
 a, .btn-link {
     /*color: #006bb7;*/
     text-decoration: none;
@@ -18,29 +22,22 @@ a, .btn-link {
     border-color: var(--darker-color);
 }
 
-.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
-    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
-}
+.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus { box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb; }
 
 .content {
     padding-top: 1.1rem;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
 }
 
-h1:focus {
-    outline: none;
-}
+h1:focus { outline: none; }
 
-.valid.modified:not([type=checkbox]) {
-    outline: 1px solid #26b050;
-}
+.valid.modified:not([type=checkbox]) { outline: 1px solid #26b050; }
 
-.invalid {
-    outline: 1px solid #e50000;
-}
+.invalid { outline: 1px solid #e50000; }
 
-.validation-message {
-    color: #e50000;
-}
+.validation-message { color: #e50000; }
 
 #blazor-error-ui {
     background: lightyellow;
@@ -67,18 +64,41 @@ h1:focus {
     color: white;
 }
 
-.blazor-error-boundary::after {
-    content: "An error has occurred."
-}
+.blazor-error-boundary::after { content: "An error has occurred." }
 
-.status-bar-safe-area {
-    display: none;
-}
+.status-bar-safe-area { display: none; }
 
 .page-title {
-    /*text-align: center;*/
     font-size: x-large;
-    color: var(--darker-color);
+    font-weight: 800;
+    color: var(--mud-palette-text-primary);
+}
+
+.custom-mudfab {
+    position: fixed !important;
+    bottom: 4rem;
+    margin-bottom: 16px;
+    right: 16px;
+}
+
+.custom_popover {
+    border-radius: 5px !important;
+    background-color: var(--mud-palette-drawer-background) !important;
+    box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 1px rgb(255 255 255 / 25%) !important;
+    color: var(--mud-palette-text-primary) !important;
+}
+
+.custom_popover .mud-divider { border-color: var(--mud-palette-text-primary) !important; }
+
+.custom_popover .mud-list-padding { padding: 3px 0px 3px 0px !important; }
+
+.custom_popover .mud-list-item { padding: 5px 12px 5px 12px; }
+
+.custom_popover .mud-menu-item-text { font-weight: 600; }
+
+.custom_popover .mud-list-item-icon {
+    min-width: fit-content !important;
+    padding-right: 12px !important;
 }
 
 @supports (-webkit-touch-callout: none) {
@@ -98,7 +118,5 @@ h1:focus {
         height: 100vh;
     }
 
-    .flex-column, .navbar-brand {
-        padding-left: env(safe-area-inset-left);
-    }
-}
+    .flex-column, .navbar-brand { padding-left: env(safe-area-inset-left); }
+}

Template.Shared/wwwroot/js/main.js

@@ -0,0 +1 @@
+