positioning menu wallets

michielpost · Mar 28, 2024 · 984c881 · 984c881
1 parent e55d5b4
commit 984c881
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 7 deletions.
diff --git a/src/aoWebWallet/Shared/NavMenu.razor b/src/aoWebWallet/Shared/NavMenu.razor
@@ -5,7 +5,7 @@
     @if ((BindingContext.WalletList.Data ?? new()).Any())
     {
         <MudNavLink Href="" Match="NavLinkMatch.All" Class="aoww-main-nav-text mt-2" Icon="@Icons.Material.Filled.Home">Home</MudNavLink>
-        <MudNavGroup Class="mt-2 mb-2 aoww-main-nav-text flex" Title="Wallets" Icon="@Icons.Material.Filled.Wallet" Expanded="true">
+        <MudNavGroup Class="mt-2 mb-2" Title="Wallets" Icon="@Icons.Material.Filled.Wallet" Expanded="true">
             @{
                 int logoCount = 1;
             }
@@ -14,10 +14,11 @@
                 string logoUrl = $"images/account--{logoCount}.svg";
                 string detailUrl = $"wallet/{wallet.Address}";
 
-                <MudStack Row=true>
-                    <MudAvatar Image="@logoUrl" Size="Size.Small" Class="rounded-full ml-11  aoww-nested-nav-items" />
-                    <MudNavLink Href="@detailUrl" style="font-size:12px;" Match="NavLinkMatch.All">@wallet.Address.ToShortAddress()</MudNavLink>
-                </MudStack>
+                    <MudNavLink Class="menu-wallets" Href="@detailUrl" style="font-size:12px;" Match="NavLinkMatch.All">
+                        <MudAvatar Image="@logoUrl" Size="Size.Small" Class="rounded-full mr-2" />
+                        <div>@wallet.Address.ToShortAddress()</div>
+                    </MudNavLink>
+
                 logoCount++;
             }
         </MudNavGroup>

diff --git a/src/aoWebWallet/wwwroot/css/app.css b/src/aoWebWallet/wwwroot/css/app.css
@@ -140,8 +140,11 @@ a, .btn-link {
     font-size: 1.11em ;
 }
 
-.aoww-nested-nav-items {
-    margin-right: -35px;
+.menu-wallets a.mud-nav-link .mud-nav-link-text{
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: start;
 }
 
 .mud-nav-item a:hover{