comply to figma design the small tile
MODIFY
WalletWasabi.Fluent/Views/Wallets/Home/Tiles/WalletPieChart/WalletPieChartMediumTileView.axaml
WalletWasabi.Fluent/Views/Wallets/Home/Tiles/WalletPieChart/WalletPieChartMediumTileView.axaml
xmlns:vm="using:WalletWasabi.Fluent.ViewModels.Wallets.Home.Tiles"
xmlns:wallets="clr-namespace:WalletWasabi.Fluent.ViewModels.Wallets.Home.Tiles"
xmlns:converters="clr-namespace:WalletWasabi.Fluent.Converters"
+ xmlns:controls="clr-namespace:WalletWasabi.Fluent.Controls"
mc:Ignorable="d" d:DesignWidth="330" d:DesignHeight="150"
x:CompileBindings="True" x:DataType="vm:WalletPieChartTileViewModel"
x:Class="WalletWasabi.Fluent.Views.Wallets.Home.Tiles.WalletPieChart.WalletPieChartMediumTileView">
- <DockPanel>
+ <DockPanel LastChildFill="True">
<TextBlock Text="Wallet Privacy Status" DockPanel.Dock="Top" />
- <DockPanel LastChildFill="True" TextBlock.FontSize="12"
- VerticalAlignment="Center">
- <ItemsRepeater DockPanel.Dock="Bottom" Margin="0,0,0,-8" Items="{Binding TestDataPointsLegend}">
+ <Grid ColumnDefinitions="*,*">
+ <ItemsRepeater Grid.ColumnSpan="2" VerticalAlignment="Center" Margin="0,0,0,-4"
+ Items="{Binding TestDataPointsLegend}">
<ItemsRepeater.ItemTemplate>
<DataTemplate x:DataType="wallets:DataLegend">
- <DockPanel Margin="0,8">
+ <DockPanel Margin="0,0,0,4">
<Ellipse DockPanel.Dock="Left" Margin="0,0,8,0" HorizontalAlignment="Left" Width="10"
Height="10"
Fill="{Binding HexColor, Converter={x:Static converters:ColorStringConverters.HexColorToBrush}}" />
- <TextBlock DockPanel.Dock="Left" HorizontalAlignment="Left"
- Text="{Binding Amount}" />
- <TextBlock Opacity="0.5" DockPanel.Dock="Right" Margin="8,0,0,0"
- HorizontalAlignment="Right"
- Text="{Binding PercentShare, StringFormat=\{0:P1\}}" />
- <TextBlock Opacity="0.5" DockPanel.Dock="Right" HorizontalAlignment="Right"
+ <TextBlock Margin="0,0,8,0" FontSize="12"
+ DockPanel.Dock="Left" HorizontalAlignment="Left"
Text="{Binding Label}" />
+ <TextBlock DockPanel.Dock="Left" HorizontalAlignment="Left" FontSize="12"
+ Text="{Binding PercentShare, StringFormat=\{0:P1\}}" />
</DockPanel>
</DataTemplate>
</ItemsRepeater.ItemTemplate>
<StackLayout />
</ItemsRepeater.Layout>
</ItemsRepeater>
- </DockPanel>
+ <controls:RingChartControl Grid.Column="1"
+ Margin="16,0,0,0"
+ VerticalAlignment="Center"
+ HorizontalAlignment="Center"
+ DataPoints="{Binding TestDataPoints}" />
+ </Grid>
</DockPanel>
</UserControl>
\ No newline at end of file

comply to figma design the small tile