MudBlazor und DB-Verbindung

Components/App.razor

@@ -5,6 +5,12 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <base href="/" />
+
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Urbanist:wght@400;500;700&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
+
     <ResourcePreloader />
     <link rel="stylesheet" href="@Assets["lib/bootstrap/dist/css/bootstrap.min.css"]" />
     <link rel="stylesheet" href="@Assets["app.css"]" />

Components/Layout/MainLayout.razor

@@ -1,20 +1,30 @@
 @inherits LayoutComponentBase
+@using MudBlazor
 
-<div class="page">
-    <div class="sidebar">
-        <NavMenu />
-    </div>
+<MudThemeProvider Theme="@_myCustomTheme" IsDarkMode="true" />
+<MudDialogProvider />
+<MudSnackbarProvider />
 
-    <main>
-        <div class="top-row px-4">
-            <a href="https://learn.microsoft.com/aspnet/core/" target="_blank">About</a>
-        </div>
+<MudLayout>
+    <MudMainContent>
+        @Body
+    </MudMainContent>
+</MudLayout>
 
-        <article class="content px-4">
-            @Body
-        </article>
-    </main>
-</div>
+@code {
+    private MudTheme _myCustomTheme = new MudTheme()
+    {
+        Typography = new Typography()
+        {
+            // Hier liegt der Fix: DefaultTypography statt Default
+            Default = new DefaultTypography() { FontFamily = new[] { "Urbanist", "sans-serif" } }
+        },
+        LayoutProperties = new LayoutProperties()
+        {
+            DefaultBorderRadius = "0px" 
+        }
+    };
+}
 
 <div id="blazor-error-ui" data-nosnippet>
     An unhandled error has occurred.