mobile optimisations and consistency.

michielpost · May 30, 2024 · 4b1ed15 · 4b1ed15
1 parent b9b76b3
commit 4b1ed15
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 6 deletions.
diff --git a/src/aoWebWallet/Pages/ActionPage.razor b/src/aoWebWallet/Pages/ActionPage.razor
@@ -12,7 +12,7 @@
 
 
 <MudContainer Class="mt-2 px-8" MaxWidth="MaxWidth.False">
-    <MudText Typo="Typo.h5">New transaction</MudText>
+    <MudBreadcrumbs Class="breadcrumbs-aoww mb-4" Items="_items"></MudBreadcrumbs>
 
     <MudStack>
         @if (BindingContext.WalletList.Data != null)
@@ -119,6 +119,12 @@
     private bool readOnly = false;
     private bool started = false;
 
+    private List<BreadcrumbItem> _items = new List<BreadcrumbItem>
+            {
+                new BreadcrumbItem("Home", href: "/"),
+                new BreadcrumbItem("New transaction", href: null, disabled: true)
+            };
+
 
     private async void Preview()
     {

diff --git a/src/aoWebWallet/Pages/ReceivePage.razor b/src/aoWebWallet/Pages/ReceivePage.razor
@@ -15,9 +15,8 @@
 
 <PageTitle>Receive Tokens - @Program.PageTitlePostFix</PageTitle>
 
-
 <MudContainer Class="mt-2 px-8" MaxWidth="MaxWidth.False">
-    <MudText Typo="Typo.h5">Receive Tokens</MudText>
+    <MudBreadcrumbs Class="breadcrumbs-aoww mb-4" Items="_items"></MudBreadcrumbs>
 
     <MudGrid>
         <MudItem xs="12" md="3">
@@ -132,6 +131,11 @@
 </MudContainer>
 
 @code {
+    private List<BreadcrumbItem> _items = new List<BreadcrumbItem>
+        {
+            new BreadcrumbItem("Home", href: "/"),
+            new BreadcrumbItem("Receive tokens", href: null, disabled: true)
+        };
 
     [Parameter]
     public string? Address { get; set; }

diff --git a/src/aoWebWallet/Shared/ActionEditor.razor b/src/aoWebWallet/Shared/ActionEditor.razor
@@ -1,7 +1,7 @@
 @using aoWebWallet.Models
 
 <MudItem>
-    <MudChip>Target</MudChip> <MudChip Style="border-radius:0; margin-top:0;" Variant="Variant.Text" Color="Color.Primary">@AoAction.Target?.Value</MudChip>
+    <MudChip>Target</MudChip> <MudChip Style="border-radius:0; margin-top:0;" Class="KodeMono tx-wrap" Variant="Variant.Text" Color="Color.Primary">@AoAction.Target?.Value</MudChip>
 </MudItem>
 
 <MudStack>

diff --git a/src/aoWebWallet/Shared/Components/ActionInputComponent.razor b/src/aoWebWallet/Shared/Components/ActionInputComponent.razor
@@ -36,7 +36,7 @@ else
                         </MudText>
                     </ItemSelectedTemplate>
                  </MudAutocomplete>
-            <MudChip Style="border-radius:0; margin-top:0;" Variant="Variant.Text" Color="Color.Primary">@(ActionParam.Value ?? "Not selected")</MudChip>
+            <MudChip Style="border-radius:0; margin-top:0;" Class="KodeMono tx-wrap" Variant="Variant.Text" Color="Color.Primary">@(ActionParam.Value ?? "Not selected")</MudChip>
 
         @* <MudTextField @ref="mudProcessField" T="string" MaxLength=43 Label="@ActionParam.Key" Validation="@(new Func<string, IEnumerable<string>>(ValidateProcess))" Variant="Variant.Text" ValueChanged="UpdateStringValue" /> *@
     }

diff --git a/src/aoWebWallet/Shared/Components/ActionQuantityComponent.razor b/src/aoWebWallet/Shared/Components/ActionQuantityComponent.razor
@@ -41,7 +41,7 @@
 
         if (ActionParam.ParamType == ActionParamType.Balance)
         {
-                <MudChip style="border-radius:0;" Variant="Variant.Text" Color="Color.Success">Balance available: @BalanceHelper.FormatBalance(BalanceData?.Balance, Token?.TokenData?.Denomination ?? 1) @Token?.TokenData?.Ticker</MudChip>
+                <MudChip style="border-radius:0;" Variant="Variant.Text" Color="Color.Success">Balance available: <br/> @BalanceHelper.FormatBalance(BalanceData?.Balance, Token?.TokenData?.Denomination ?? 1) @Token?.TokenData?.Ticker</MudChip>
         }
     }
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -41,7 +41,7 @@ @@
             if (ActionParam.ParamType == ActionParamType.Balance)
             {
-                    <MudChip style="border-radius:0;" Variant="Variant.Text" Color="Color.Success">Balance available: @BalanceHelper.FormatBalance(BalanceData?.Balance, Token?.TokenData?.Denomination ?? 1) @Token?.TokenData?.Ticker</MudChip>
+                    <MudChip style="border-radius:0;" Variant="Variant.Text" Color="Color.Success">Balance available: <br/> @BalanceHelper.FormatBalance(BalanceData?.Balance, Token?.TokenData?.Denomination ?? 1) @Token?.TokenData?.Ticker</MudChip>
             }
         }
     }
@@ Expand Down @@