wrap ellipsis for tx ids on token details

michielpost · May 29, 2024 · 7663224 · 7663224
1 parent 1f83163
commit 7663224
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/aoWebWallet/Pages/TokenDetail.razor b/src/aoWebWallet/Pages/TokenDetail.razor
@@ -20,13 +20,13 @@
         {
             var token = BindingContext.Token.Data;
 
-            <MudPaper Class="pa-4 mb-14 mt-4">
+            <MudPaper Class="pa-4 mb-14 mt-4 d-overflow-hidden">
                 <MudStack Row="true">
                     <MudAvatar Image="@UrlHelper.GetArweaveUrl(token.TokenData?.Logo)" Size="Size.Large" />
                     <MudStack Justify="Justify.Center" Spacing="0">
                         <MudText Typo="Typo.body1">@token.TokenData?.Name</MudText>
                         <MudText Typo="Typo.body2">@token.TokenData?.Ticker</MudText>
-                        <MudText Class="KodeMono" Typo="Typo.subtitle1">@token.TokenId</MudText>
+                        <MudText Class="KodeMono tx-wrap" Typo="Typo.subtitle1">@token.TokenId</MudText>
                     </MudStack>
                 </MudStack>
             </MudPaper>

diff --git a/src/aoWebWallet/Shared/Components/TokenListComponent.razor b/src/aoWebWallet/Shared/Components/TokenListComponent.razor
@@ -6,12 +6,12 @@
 {
     <MudPaper Class="pa-4 pt-5 pb-4 mb-0">
         <MudStack Row="true">
-            <div style="display:flex; flex-direction: row; align-items:center; max-height: 50px;">
+            <div style="display:flex; flex-direction: row; align-items:center; max-height: 70px;" Class=" d-overflow-hidden">
                 <MudAvatar Class="mr-3" Image="@UrlHelper.GetArweaveUrl(token.TokenData?.Logo)" Size="Size.Large" />
                 <MudStack Justify="Justify.Center" Spacing="0">
                     <MudText style="font-weight: 500;" Typo="Typo.body1">@token.TokenData?.Name</MudText>
                     <MudText Typo="Typo.body2">@token.TokenData?.Ticker</MudText>
-                    <MudLink Class="KodeMono" Typo="Typo.subtitle1" Href="@TokenUrl">
+                    <MudLink Class="KodeMono tx-wrap" Typo="Typo.subtitle1" Href="@TokenUrl">
                         @token.TokenId
                     </MudLink>
                 </MudStack>