From 098cd7bac3613797619c315c1159a60eb9ea8b53 Mon Sep 17 00:00:00 2001
From: Max <51083570+DRdrProfessor@users.noreply.github.com>
Date: Thu, 27 Apr 2023 20:47:43 +0200
Subject: [PATCH] Working on UI

---
 WebSharpRSS/MainLayout.razor  | 12 ++++--------
 WebSharpRSS/Pages/Index.razor | 19 ++++++++++++++++++-
 2 files changed, 22 insertions(+), 9 deletions(-)

diff --git a/WebSharpRSS/MainLayout.razor b/WebSharpRSS/MainLayout.razor
index 4d6da0e..0bf50d7 100644
--- a/WebSharpRSS/MainLayout.razor
+++ b/WebSharpRSS/MainLayout.razor
@@ -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
diff --git a/WebSharpRSS/Pages/Index.razor b/WebSharpRSS/Pages/Index.razor
index 2f95661..4e11bdf 100644
--- a/WebSharpRSS/Pages/Index.razor
+++ b/WebSharpRSS/Pages/Index.razor
@@ -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 {