Modification des Layout, ajout de bouton, changement de coulour, ajout d'image...

src/CraftSharp/CraftSharp.csproj

@@ -13,4 +13,10 @@
     <PackageReference Include="Microsoft.VisualStudio.Azure.Containers.Tools.Targets" Version="1.17.0" />
   </ItemGroup>
 
+  <ItemGroup>
+    <Content Update="wwwroot\Images\CraftSharp-Logo.png">
+      <CopyToOutputDirectory>Always</CopyToOutputDirectory>
+    </Content>
+  </ItemGroup>
+
 </Project>

src/CraftSharp/Shared/MainLayout.razor.css

@@ -1,7 +1,5 @@
 .page {
-    position: relative;
     display: flex;
-    flex-direction: column;
 }
 
 main {
@@ -9,7 +7,7 @@ main {
 }
 
 .sidebar {
-    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
+    background-image: linear-gradient(180deg, rgb(120,51,174) 0%, #411186 90%);
 }
 
 .top-row {

src/CraftSharp/Shared/NavMenu.razor

@@ -1,29 +1,37 @@
-<div class="top-row ps-3 navbar navbar-dark">
-    <div class="container-fluid">
-        <a class="navbar-brand" href="">CraftSharp</a>
-        <button title="Navigation menu" class="navbar-toggler" @onclick="ToggleNavMenu">
-            <span class="navbar-toggler-icon"></span>
-        </button>
-    </div>
+<div class="top-row ps-3 navbar navbar-dark">
+    <div class="container-fluid">
+        <button title="Navigation menu" class="navbar-toggler" @onclick="ToggleNavMenu">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+    </div>
 </div>
 
 <div class="@NavMenuCssClass" @onclick="ToggleNavMenu">
     <nav class="flex-column">
         <div class="nav-item px-3">
             <NavLink class="nav-link" href="" Match="NavLinkMatch.All">
-                <span class="oi oi-home" aria-hidden="true"></span> Home
+                <span class="oi oi-key"></span> Ouverture
             </NavLink>
         </div>
+        <div>
+            <img class="nav-image" src="Images/CraftSharp-Logo.png" alt="Logo Application"/>
+        </div>
         <div class="nav-item px-3">
             <NavLink class="nav-link" href="counter">
-                <span class="oi oi-plus" aria-hidden="true"></span> Counter
+                <span class="oi oi-plus"></span> Magasin
             </NavLink>
         </div>
         <div class="nav-item px-3">
             <NavLink class="nav-link" href="fetchdata">
-                <span class="oi oi-list-rich" aria-hidden="true"></span> Fetch data
+                <span class="oi oi-box"></span> Inventaire
             </NavLink>
         </div>
+        <div>
+            <div class="button"> Se connecter
+            </div>
+            <div class="button"> Se déconnecter
+            </div>
+        </div>
     </nav>
 </div>
 

src/CraftSharp/Shared/NavMenu.razor.css

@@ -12,15 +12,38 @@
 }
 
 .oi {
-    width: 2rem;
-    font-size: 1.1rem;
-    vertical-align: text-top;
+    width: 3rem;
+    font-size: 1.7rem;
     top: -2px;
+
+}
+
+.nav-image {
+    width: 20rem;
+    color: #ffffff;
+}
+
+.button {
+    height: 6rem;
+    width: 13rem;
+    text-decoration: none;
+    text-align: center;
+    color: white;
+    cursor: pointer;
+    background: url('Images/btn1.png') no-repeat;
+    font-family: SilkscreenNormal;
+    line-height: 26px;
+    padding-top: 6px;
+}
+
+.button:hover {
+    background: url('Images/btn2.png') no-repeat;
 }
 
 .nav-item {
     font-size: 0.9rem;
     padding-bottom: 0.5rem;
+    font-family: SuperDario;
 }
 
     .nav-item:first-of-type {