Browse Source

Fixing theme. Removing hidden pages from home

main
Jonathan McCaffrey 3 years ago
parent
commit
bbe438b499
  1. 9
      IGP/PageLayout.razor
  2. 46
      IGP/Pages/Home/HomePage.razor

9
IGP/PageLayout.razor

@ -8,8 +8,6 @@
<MudThemeProvider/> <MudThemeProvider/>
asd
<MudLayout> <MudLayout>
<MudAppBar Elevation="1"> <MudAppBar Elevation="1">
<MudHidden Breakpoint="Breakpoint.SmAndDown" Invert="true"> <MudHidden Breakpoint="Breakpoint.SmAndDown" Invert="true">
@ -81,7 +79,7 @@ asd
@code { @code {
private bool _isDarkMode; private bool _isDarkMode = true;
private MudThemeProvider _mudThemeProvider; private MudThemeProvider _mudThemeProvider;
bool _drawerOpen = true; bool _drawerOpen = true;
@ -103,8 +101,9 @@ asd
{ {
if (firstRender) if (firstRender)
{ {
_isDarkMode = await _mudThemeProvider.GetSystemPreference(); //TODO: Support light mode
StateHasChanged(); //_isDarkMode = await _mudThemeProvider.GetSystemPreference();
//StateHasChanged();
} }
} }

46
IGP/Pages/Home/HomePage.razor

@ -22,29 +22,17 @@
<PaperComponent> <PaperComponent>
<div class="heroesContainer"> <div class="heroesContainer">
<ContentHighlightComponent <ContentHighlightComponent Title="Build Calculator"
Title="Database" Description="Make a build!"
Description="Review the units!" Href="/build-calculator"
Href="/database" ImageHref="image/hero/Build.png" />
ImageHref="image/hero/Database.png"/>
<ContentHighlightComponent Title="Database"
<ContentHighlightComponent Description="Review the units!"
Title="Build Calculator" Href="/database"
Description="Make a build!" ImageHref="image/hero/Database.png" />
Href="/build-calculator"
ImageHref="image/hero/Build.png"/>
<ContentHighlightComponent
Title="Notes"
Description="Read some notes!"
Href="/notes"
ImageHref="image/hero/Notes.png"/>
<ContentHighlightComponent
Title="Streams"
Description="Watch live development!"
Href="/streams"
ImageHref="image/hero/Streams.png"/>
</div> </div>
</PaperComponent> </PaperComponent>
@ -59,7 +47,7 @@
font-size: 2.2rem; font-size: 2.2rem;
font-weight: bold; font-weight: bold;
} }
.heroesContainer { .heroesContainer {
display: grid; display: grid;
gap: 64px; gap: 64px;
@ -67,11 +55,11 @@
margin: auto; margin: auto;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
} }
@@media only screen and (max-width: 1025px) { @@media only screen and (max-width: 1025px) {
.heroesContainer { .heroesContainer {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
} }
</style> </style>
Loading…
Cancel
Save