Fix title bar

codemonkey85 · Dec 29, 2023 · 2b468d8 · 2b468d8
1 parent f57fa9d
commit 2b468d8
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/TicTacToeBlazor/Shared/MainLayout.razor b/TicTacToeBlazor/Shared/MainLayout.razor
@@ -7,8 +7,14 @@
 
 <MudLayout>
     <MudAppBar>
-        <MudText Typo="@Typo.h4">
-            Tic Tac Toe Blazor
+        <MudText Typo="@Typo.h4" class="d-none d-lg-flex">
+            @AppTitle
+        </MudText>
+        <MudText Typo="@Typo.h6" class="d-none d-md-flex d-lg-none">
+            @AppTitle
+        </MudText>
+        <MudText Typo="@Typo.inherit" class="d-xs-flex d-md-none">
+            @AppTitle
         </MudText>
         <MudSpacer />
         <MudStack Row="@true">

diff --git a/TicTacToeBlazor/Shared/MainLayout.razor.cs b/TicTacToeBlazor/Shared/MainLayout.razor.cs
@@ -2,6 +2,8 @@ namespace TicTacToeBlazor.Shared;
 
 public partial class MainLayout
 {
+    private const string AppTitle = "Tic Tac Toe Blazor";
+
     private bool isDarkMode;
     private MudThemeProvider? mudThemeProvider;