feat: Enhance Avalonia UI with compact styles and improved layout for various views; adjust margins and paddings for a denser interface

This commit is contained in:
MaddoScientisto 2026-03-08 13:44:09 +01:00
commit b29cc95a1e
10 changed files with 156 additions and 111 deletions

View file

@ -10,17 +10,17 @@
<Grid RowDefinitions="*,Auto">
<Grid Grid.Row="0" Margin="10">
<Grid Grid.Row="0" Margin="6">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="3*" />
<ColumnDefinition Width="0.8*" />
</Grid.ColumnDefinitions>
<TabControl Grid.Column="0" Margin="0,0,10,0">
<TabControl Grid.Column="0" Margin="0,0,6,0">
<TabItem>
<TabItem.Header>
<StackPanel Orientation="Horizontal">
<iconPacks:PackIconMaterial Kind="CogOutline" Width="16" Height="16" Margin="0,0,6,0" Foreground="{DynamicResource ForegroundBrush}" />
<iconPacks:PackIconMaterial Kind="CogOutline" Width="14" Height="14" Margin="0,0,4,0" Foreground="{DynamicResource ForegroundBrush}" />
<TextBlock Text="Generale" VerticalAlignment="Center" />
</StackPanel>
</TabItem.Header>
@ -30,7 +30,7 @@
<TabItem>
<TabItem.Header>
<StackPanel Orientation="Horizontal">
<iconPacks:PackIconMaterial Kind="FormatLetterCase" Width="16" Height="16" Margin="0,0,6,0" Foreground="{DynamicResource ForegroundBrush}" />
<iconPacks:PackIconMaterial Kind="FormatLetterCase" Width="14" Height="14" Margin="0,0,4,0" Foreground="{DynamicResource ForegroundBrush}" />
<TextBlock Text="Testo" VerticalAlignment="Center" />
</StackPanel>
</TabItem.Header>
@ -40,7 +40,7 @@
<TabItem>
<TabItem.Header>
<StackPanel Orientation="Horizontal">
<iconPacks:PackIconMaterial Kind="CameraFrontVariant" Width="16" Height="16" Margin="0,0,6,0" Foreground="{DynamicResource ForegroundBrush}" />
<iconPacks:PackIconMaterial Kind="CameraFrontVariant" Width="14" Height="14" Margin="0,0,4,0" Foreground="{DynamicResource ForegroundBrush}" />
<TextBlock Text="Foto" VerticalAlignment="Center" />
</StackPanel>
</TabItem.Header>
@ -50,7 +50,7 @@
<TabItem>
<TabItem.Header>
<StackPanel Orientation="Horizontal">
<iconPacks:PackIconMaterial Kind="Image" Width="16" Height="16" Margin="0,0,6,0" Foreground="{DynamicResource ForegroundBrush}" />
<iconPacks:PackIconMaterial Kind="Image" Width="14" Height="14" Margin="0,0,4,0" Foreground="{DynamicResource ForegroundBrush}" />
<TextBlock Text="Miniature" VerticalAlignment="Center" />
</StackPanel>
</TabItem.Header>
@ -60,7 +60,7 @@
<TabItem>
<TabItem.Header>
<StackPanel Orientation="Horizontal">
<iconPacks:PackIconMaterial Kind="ImageFilterCenterFocus" Width="16" Height="16" Margin="0,0,6,0" Foreground="{DynamicResource ForegroundBrush}" />
<iconPacks:PackIconMaterial Kind="ImageFilterCenterFocus" Width="14" Height="14" Margin="0,0,4,0" Foreground="{DynamicResource ForegroundBrush}" />
<TextBlock Text="Logo" VerticalAlignment="Center" />
</StackPanel>
</TabItem.Header>
@ -70,7 +70,7 @@
<TabItem>
<TabItem.Header>
<StackPanel Orientation="Horizontal">
<iconPacks:PackIconMaterial Kind="Robot" Width="16" Height="16" Margin="0,0,6,0" Foreground="{DynamicResource ForegroundBrush}" />
<iconPacks:PackIconMaterial Kind="Robot" Width="14" Height="14" Margin="0,0,4,0" Foreground="{DynamicResource ForegroundBrush}" />
<TextBlock Text="AI" VerticalAlignment="Center" />
</StackPanel>
</TabItem.Header>
@ -80,7 +80,7 @@
<TabItem>
<TabItem.Header>
<StackPanel Orientation="Horizontal">
<iconPacks:PackIconMaterial Kind="FaceAgent" Width="16" Height="16" Margin="0,0,6,0" Foreground="{DynamicResource ForegroundBrush}" />
<iconPacks:PackIconMaterial Kind="FaceAgent" Width="14" Height="14" Margin="0,0,4,0" Foreground="{DynamicResource ForegroundBrush}" />
<TextBlock Text="Face AI" VerticalAlignment="Center" />
</StackPanel>
</TabItem.Header>
@ -90,7 +90,7 @@
<TabItem>
<TabItem.Header>
<StackPanel Orientation="Horizontal">
<iconPacks:PackIconMaterial Kind="CloudUploadOutline" Width="16" Height="16" Margin="0,0,6,0" Foreground="{DynamicResource ForegroundBrush}" />
<iconPacks:PackIconMaterial Kind="CloudUploadOutline" Width="14" Height="14" Margin="0,0,4,0" Foreground="{DynamicResource ForegroundBrush}" />
<TextBlock Text="Race Upload" VerticalAlignment="Center" />
</StackPanel>
</TabItem.Header>
@ -99,24 +99,24 @@
</TabControl>
<StackPanel Grid.Column="1">
<StackPanel HorizontalAlignment="Right" Margin="0,0,0,12">
<StackPanel HorizontalAlignment="Right" Margin="0,0,0,8">
<Button Name="ThemeToggleButton" Width="28" Height="28" Click="ToggleTheme_Click" ToolTip.Tip="Cambia tema"
HorizontalAlignment="Right" Padding="2">
<iconPacks:PackIconMaterial Kind="ThemeLightDark" Width="12" Height="12" Foreground="{DynamicResource ForegroundBrush}" />
</Button>
</StackPanel>
<Border BorderBrush="#DDD" BorderThickness="1" Padding="8" MaxWidth="280">
<Border BorderBrush="#DDD" BorderThickness="1" Padding="6" MaxWidth="280">
<StackPanel>
<StackPanel>
<Button Width="120" Margin="0,0,0,8" Command="{Binding LoadSettingsCommand}">
<StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
<iconPacks:PackIconMaterial Kind="FolderUploadOutline" Width="14" Height="14" Margin="0,0,6,0" Foreground="{DynamicResource ForegroundBrush}" />
<iconPacks:PackIconMaterial Kind="FolderUploadOutline" Width="14" Height="14" Margin="0,0,4,0" Foreground="{DynamicResource ForegroundBrush}" />
<TextBlock Text="Carica" />
</StackPanel>
</Button>
<Button Width="120" Margin="0,0,0,8" Command="{Binding SaveSettingsCommand}">
<StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
<iconPacks:PackIconMaterial Kind="ContentSaveOutline" Width="14" Height="14" Margin="0,0,6,0" Foreground="{DynamicResource ForegroundBrush}" />
<iconPacks:PackIconMaterial Kind="ContentSaveOutline" Width="14" Height="14" Margin="0,0,4,0" Foreground="{DynamicResource ForegroundBrush}" />
<TextBlock Text="Salva" />
</StackPanel>
</Button>
@ -124,20 +124,20 @@
Command="{Binding ProcessImagesCommand}"
IsEnabled="{Binding UiEnabled}">
<StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
<iconPacks:PackIconMaterial Kind="PlayCircleOutline" Width="14" Height="14" Margin="0,0,6,0" Foreground="Green" />
<iconPacks:PackIconMaterial Kind="PlayCircleOutline" Width="14" Height="14" Margin="0,0,4,0" Foreground="Green" />
<TextBlock Text="Avvia" />
</StackPanel>
</Button>
<Button Width="120" Height="36"
Command="{Binding AsyncCancelOperationCommand}">
<StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
<iconPacks:PackIconMaterial Kind="StopCircleOutline" Width="14" Height="14" Margin="0,0,6,0" Foreground="Red" />
<iconPacks:PackIconMaterial Kind="StopCircleOutline" Width="14" Height="14" Margin="0,0,4,0" Foreground="Red" />
<TextBlock Text="Stop" />
</StackPanel>
</Button>
</StackPanel>
<Separator Margin="0,12,0,12" />
<Separator Margin="0,8,0,8" />
<TextBlock Text="Stato" FontWeight="Bold" />
<TextBlock Text="{Binding ProcessingStatus}" TextWrapping="Wrap" />