DocsLittleFixes (#139)

Author: mckaragoz

ComponentViewer.Docs/Pages/Index.razor

@@ -31,7 +31,7 @@
     </div>
 
     <div class="d-flex justify-center my-4">
-        <MudTextFieldExtended T="string" @bind-Value="_searchString" @bind-Value:after="@(() => _animate.Refresh())" Class="search-style" Style="width: 50vw" Placeholder="What are you looking for?" Variant="Variant.Outlined" Clearable="true" />
+        <MudTextFieldExtended T="string" @bind-Value="_searchString" @bind-Value:after="@(() => _animate.Refresh())" Class="search-style" Style="width: calc(50px + 50vw)" Placeholder="What are you looking for?" Variant="Variant.Outlined" Clearable="true" />
     </div>
 
     @if (string.IsNullOrEmpty(_searchString) == true)
@@ -134,7 +134,7 @@
         color: var(--mud-palette-text-primary);
         font-size: calc(16px + 6vw);
         font-weight: 900;
-        font-family: "Roboto Black";
+        font-family: "Roboto";
         letter-spacing: 0;
         transition: all 1s;
         cursor: pointer;
@@ -149,7 +149,7 @@
         color: var(--mud-palette-text-primary);
         font-size: calc(16px + 6vw);
         font-weight: 900;
-        font-family: "Roboto Black";
+        font-family: "Roboto";
         letter-spacing: 0;
         transition: all 1s;
         cursor: pointer;

ComponentViewer.Wasm/wwwroot/index.html

@@ -9,6 +9,7 @@
     <link href="css/app.css" rel="stylesheet" />
     <link href="app.css" rel="stylesheet" />
     <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet" />
+    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@700;900&display=swap" rel="stylesheet">
     <link href="_content/MudBlazor/MudBlazor.min.css" rel="stylesheet" />
     <link href="_content/CodeBeam.MudExtensions/MudExtensions.min.css" rel="stylesheet" />
 </head>

ComponentViewer/Pages/_Layout.cshtml

@@ -12,6 +12,7 @@
     <link href="app.css" rel="stylesheet" />
     <link href="ComponentViewer.styles.css" rel="stylesheet" />
     <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet" />
+    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@700;900&display=swap" rel="stylesheet">
     <link href="_content/MudBlazor/MudBlazor.min.css" rel="stylesheet" />
     <link href="_content/CodeBeam.MudExtensions/MudExtensions.min.css" rel="stylesheet" />
     <component type="typeof(HeadOutlet)" render-mode="ServerPrerendered" />