- tweak: UI improvement

This commit is contained in:
2025-02-02 10:57:29 +03:00
parent 32fd63c5f3
commit 3c980659be
21 changed files with 283 additions and 83 deletions

View File

@@ -1,5 +1,4 @@
<UserControl
Background="#1a1a1a"
d:DesignHeight="450"
d:DesignWidth="800"
mc:Ignorable="d"
@@ -15,6 +14,12 @@
<Design.DataContext>
<viewModels:MainViewModel />
</Design.DataContext>
<UserControl.Background>
<LinearGradientBrush EndPoint="100%,50%" StartPoint="0%,50%">
<GradientStop Color="#121212" Offset="0.0" />
<GradientStop Color="#181212" Offset="1.0" />
</LinearGradientBrush>
</UserControl.Background>
<Panel>
<Grid
@@ -29,7 +34,7 @@
Grid.Row="0" />
<SplitView
CompactPaneLength="65"
CompactPaneLength="70"
DisplayMode="CompactInline"
Grid.Column="0"
Grid.ColumnSpan="2"
@@ -38,13 +43,19 @@
PaneBackground="Transparent">
<SplitView.Pane>
<Border
Background="{StaticResource DefaultBackground}"
BoxShadow="0 0 15 -2 #121212"
CornerRadius="0,8,8,0"
CornerRadius="0,0,0,0"
Grid.Column="0"
Grid.Row="0"
Margin="0,0,5,0"
Padding="0,0,-4,0">
<Border.Background>
<LinearGradientBrush EndPoint="100%,50%" StartPoint="0%,50%">
<GradientStop Color="#1f1f1f" Offset="0.0" />
<GradientStop Color="#222222" Offset="0.2" />
<GradientStop Color="#222222" Offset="1.0" />
</LinearGradientBrush>
</Border.Background>
<Grid ColumnDefinitions="*" RowDefinitions="*,40">
<ListBox
Background="Transparent"
@@ -53,7 +64,7 @@
SelectedItem="{Binding SelectedListItem}">
<ListBox.ItemTemplate>
<DataTemplate DataType="{x:Type models:ListItemTemplate}">
<StackPanel Orientation="Horizontal" Spacing="17">
<StackPanel Orientation="Horizontal" Spacing="19">
<Svg
Height="40"
Path="{Binding IconKey, Converter={x:Static converters:TypeConverters.IconConverter}}"
@@ -78,14 +89,20 @@
</SplitView>
<Border
Background="{StaticResource DefaultBackground}"
BoxShadow="{StaticResource DefaultShadow}"
Background="{StaticResource DefaultGrad}"
BorderThickness="0,2,0,0"
CornerRadius="0,0,0,0"
Grid.Column="0"
Grid.ColumnSpan="2"
Grid.Row="1"
Margin="0,0,0,0"
Padding="5">
<Border.BorderBrush>
<LinearGradientBrush EndPoint="100%,50%" StartPoint="0%,50%">
<GradientStop Color="#222222" Offset="0.0" />
<GradientStop Color="#442222" Offset="1.0" />
</LinearGradientBrush>
</Border.BorderBrush>
<Label FontSize="10" Foreground="#777777">
<Panel>
<Button