Skip to content

Commit a7a0ce5

Browse files
mchave3mchave3
committed
feat(update): polish update page visuals
1 parent 40f406f commit a7a0ce5

1 file changed

Lines changed: 51 additions & 39 deletions

File tree

‎src/Foundry/Views/Settings/AppUpdateSettingPage.xaml‎

Lines changed: 51 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -16,50 +16,61 @@
1616
<StackPanel Margin="{ThemeResource FoundryPageContentInset}"
1717
dev:PanelAttach.ChildrenTransitions="Default"
1818
Spacing="{ThemeResource FoundrySettingsSectionSpacing}">
19-
<Border Padding="24"
20-
Background="{ThemeResource FoundrySurfaceSecondaryBrush}"
19+
<Border Background="{ThemeResource FoundrySurfaceSecondaryBrush}"
2120
BorderBrush="{ThemeResource FoundrySurfaceBorderBrush}"
2221
BorderThickness="1"
2322
CornerRadius="{ThemeResource FoundryCardCornerRadius}">
24-
<StackPanel Spacing="{ThemeResource FoundrySpace24}">
25-
<StackPanel Orientation="Horizontal"
23+
<Grid>
24+
<Grid.ColumnDefinitions>
25+
<ColumnDefinition Width="4" />
26+
<ColumnDefinition Width="*" />
27+
</Grid.ColumnDefinitions>
28+
29+
<Border Background="{ThemeResource AccentFillColorDefaultBrush}"
30+
CornerRadius="4,0,0,4" />
31+
32+
<StackPanel Grid.Column="1"
33+
Padding="24"
2634
Spacing="{ThemeResource FoundrySpace16}">
27-
<Border Width="48"
28-
Height="48"
29-
Background="{ThemeResource AccentFillColorDefaultBrush}"
30-
CornerRadius="{ThemeResource FoundryCardCornerRadius}">
31-
<FontIcon FontSize="24"
32-
Foreground="{ThemeResource TextOnAccentFillColorPrimaryBrush}"
33-
Glyph="&#xE895;" />
34-
</Border>
35+
<StackPanel Orientation="Horizontal"
36+
Spacing="{ThemeResource FoundrySpace16}">
37+
<Border Width="48"
38+
Height="48"
39+
Background="{ThemeResource AccentFillColorDefaultBrush}"
40+
CornerRadius="{ThemeResource FoundryCardCornerRadius}">
41+
<FontIcon FontSize="24"
42+
Foreground="{ThemeResource TextOnAccentFillColorPrimaryBrush}"
43+
Glyph="&#xEBD3;" />
44+
</Border>
3545

36-
<StackPanel VerticalAlignment="Center"
37-
Spacing="{ThemeResource FoundrySpace4}">
38-
<StackPanel Orientation="Horizontal"
39-
Spacing="{ThemeResource FoundrySpace8}">
40-
<TextBlock Style="{ThemeResource FoundrySectionTitleTextBlockStyle}"
41-
Text="{x:Bind ViewModel.UpdateStatusTitle, Mode=OneWay}"
46+
<StackPanel VerticalAlignment="Center"
47+
Spacing="{ThemeResource FoundrySpace4}">
48+
<StackPanel Orientation="Horizontal"
49+
Spacing="{ThemeResource FoundrySpace8}">
50+
<TextBlock Style="{ThemeResource FoundrySectionTitleTextBlockStyle}"
51+
Text="{x:Bind ViewModel.UpdateStatusTitle, Mode=OneWay}"
52+
TextWrapping="WrapWholeWords" />
53+
<Border Padding="8,3"
54+
VerticalAlignment="Center"
55+
Background="{ThemeResource AccentFillColorDefaultBrush}"
56+
CornerRadius="{ThemeResource FoundryControlCornerRadius}"
57+
Visibility="{x:Bind ViewModel.IsUpdateAvailable, Mode=OneWay}">
58+
<TextBlock Foreground="{ThemeResource TextOnAccentFillColorPrimaryBrush}"
59+
FontWeight="SemiBold"
60+
Style="{ThemeResource FoundryCaptionTextBlockStyle}"
61+
Text="{x:Bind ViewModel.UpdateNewBadgeText, Mode=OneWay}" />
62+
</Border>
63+
</StackPanel>
64+
<TextBlock Foreground="{ThemeResource TextFillColorSecondaryBrush}"
65+
Style="{ThemeResource FoundryCaptionTextBlockStyle}"
66+
Text="{x:Bind ViewModel.LoadingStatus, Mode=OneWay}"
4267
TextWrapping="WrapWholeWords" />
43-
<Border Padding="8,3"
44-
VerticalAlignment="Center"
45-
Background="{ThemeResource AccentFillColorDefaultBrush}"
46-
CornerRadius="{ThemeResource FoundryControlCornerRadius}"
47-
Visibility="{x:Bind ViewModel.IsUpdateAvailable, Mode=OneWay}">
48-
<TextBlock Foreground="{ThemeResource TextOnAccentFillColorPrimaryBrush}"
49-
FontWeight="SemiBold"
50-
Style="{ThemeResource FoundryCaptionTextBlockStyle}"
51-
Text="{x:Bind ViewModel.UpdateNewBadgeText, Mode=OneWay}" />
52-
</Border>
5368
</StackPanel>
54-
<TextBlock Foreground="{ThemeResource TextFillColorSecondaryBrush}"
55-
Style="{ThemeResource FoundryCaptionTextBlockStyle}"
56-
Text="{x:Bind ViewModel.LoadingStatus, Mode=OneWay}"
57-
TextWrapping="WrapWholeWords" />
5869
</StackPanel>
59-
</StackPanel>
6070

61-
<Grid HorizontalAlignment="Stretch"
62-
ColumnSpacing="{ThemeResource FoundrySpace12}">
71+
<Grid MaxWidth="1120"
72+
HorizontalAlignment="Stretch"
73+
ColumnSpacing="{ThemeResource FoundrySpace12}">
6374
<Grid.ColumnDefinitions>
6475
<ColumnDefinition Width="*" />
6576
<ColumnDefinition Width="Auto" />
@@ -86,13 +97,13 @@
8697
VerticalAlignment="Center"
8798
FontSize="18"
8899
Foreground="{ThemeResource TextFillColorTertiaryBrush}"
89-
Glyph="&#xE8E4;" />
100+
Glyph="&#xE72A;" />
90101

91102
<Border Grid.Column="2"
92103
Padding="14,12"
93104
Background="{ThemeResource FoundrySurfaceBrush}"
94-
BorderBrush="{ThemeResource FoundrySurfaceBorderBrush}"
95-
BorderThickness="1"
105+
BorderBrush="{ThemeResource AccentFillColorDefaultBrush}"
106+
BorderThickness="2"
96107
CornerRadius="{ThemeResource FoundryControlCornerRadius}">
97108
<StackPanel Spacing="{ThemeResource FoundrySpace4}">
98109
<TextBlock Style="{ThemeResource FoundryCaptionTextBlockStyle}"
@@ -146,7 +157,8 @@
146157
Command="{x:Bind ViewModel.CheckForUpdateCommand}"
147158
IsEnabled="{x:Bind ViewModel.IsCheckButtonEnabled, Mode=OneWay}" />
148159
</StackPanel>
149-
</StackPanel>
160+
</StackPanel>
161+
</Grid>
150162
</Border>
151163

152164
<wct:SettingsCard Header="{x:Bind ViewModel.UpdateSourceTitle, Mode=OneWay}">

0 commit comments

Comments
 (0)