Working on UI

This commit is contained in:
Max 2023-04-27 20:47:43 +02:00
parent 9e0a08c38c
commit 098cd7bac3
2 changed files with 22 additions and 9 deletions

View File

@ -8,16 +8,12 @@
<MudLayout>
<MudAppBar>
<MudIconButton Icon="@Icons.Material.Filled.Menu" Color="Color.Inherit" Edge="Edge.Start" OnClick="@((e) => DrawerToggle())" />
<MudText Typo="Typo.h6">SharpRSS</MudText>
</MudAppBar>
<MudDrawer @bind-Open="@_drawerOpen" ClipMode="DrawerClipMode.Always">
<MudToolBar>
RSS
</MudToolBar>
<MudList Color="Color.Info">
<MudListItem Text="Main" Icon="@Icons.Material.Filled.Badge" IconSize="Size.Medium"/>
<MudListItem Text="Test" Icon="@Icons.Material.Filled.Lan" IconSize="Size.Medium"/>
<MudListItem Text="Val" Icon="@Icons.Material.Filled.Policy" IconSize="Size.Medium"/>
</MudList>
<MudNavMenu Color="Color.Primary">
<MudNavLink Href="/" Icon="@Icons.Material.Filled.Home">Home</MudNavLink>
</MudNavMenu>
</MudDrawer>
<MudMainContent>
@Body

View File

@ -1,7 +1,24 @@
@page "/"
@inject RssService _rssService
<MudGrid Style="margin-left: 5px; margin-top: 5px">
@for (int i = 0; i < 10; i++)
{
<MudCard Style="margin: 3px">
<MudCardMedia Image="https://mudblazor.com/images/door.jpg" Height="200" />
<MudCardContent>
<MudText Typo="Typo.h5">Old Paint</MudText>
<MudText Typo="Typo.body2">Old paint found on a stone house door.</MudText>
<MudText Typo="Typo.body2">This photo was taken in a small village in Istra Croatia.</MudText>
</MudCardContent>
<MudCardActions>
<MudButton Variant="Variant.Text" Color="Color.Primary">Share</MudButton>
<MudButton Variant="Variant.Text" Color="Color.Primary">Learn More</MudButton>
</MudCardActions>
</MudCard>
}
</MudGrid>
@code {