Merge pull request #108 from CodebreakerApp/85-title-with-android

85 title with android

Author: christiannagel

src/CodeBreaker.Blazor.Client/Shared/LoginDisplay.razor

@@ -7,7 +7,7 @@
 
 <AuthorizeView>
     <Authorized>
-        @Loc["Auth_TextBeforeUsername"] @context.User.Identity?.Name
+        <span id="text-before-username">@Loc["Auth_TextBeforeUsername"]</span> @context.User.Identity?.Name
         <FluentSpacer Width="20" />
         <FluentButton Appearance="Appearance.Stealth" OnClick="Logout" IconStart="new Icons.Regular.Size20.SignOut()">
             @Loc["Auth_Signout"]

src/CodeBreaker.Blazor.Client/Shared/LoginDisplay.razor.css

@@ -0,0 +1,5 @@
+@media only screen and (max-width : 400px) {
+    #text-before-username {
+        display: none;
+    }
+}

src/CodeBreaker.Blazor.Client/Shared/MainLayout.razor

@@ -3,7 +3,7 @@
 
 <FluentMainLayout>
     <Header>
-        <h1>@($"{Loc["Index_Welcome"]} {Loc["AppDisplayName"]}")</h1>
+        <h1><span id="welcome-message">@Loc["Index_Welcome"]</span> @Loc["AppDisplayName"]</h1>
         <FluentSpacer />
         <LoginDisplay />
     </Header>

src/CodeBreaker.Blazor.Client/Shared/MainLayout.razor.css

@@ -0,0 +1,10 @@
+h1 {
+    font-size: 1.5em;
+    margin: 0;
+}
+
+@media only screen and (max-width : 600px) {
+    #welcome-message {
+        display: none;
+    }
+}