feat.更新界面中文补充

LanMountainDesktop/Localization/zh-CN.json

@@ -1441,5 +1441,29 @@
     "settings.general.back_to_windows_fluent_icon_desc":  "搜索并选择左侧图标位使用的内置 Fluent 图标。",
     "settings.general.back_to_windows_icon_text_header":  "文字图标",
     "settings.general.back_to_windows_icon_text_desc":  "输入最多四个字符，作为左侧图标显示。",
-    "settings.general.back_to_windows_fluent_icon_search_placeholder":  "搜索图标"
+    "settings.general.back_to_windows_fluent_icon_search_placeholder":  "搜索图标",
+    "settings.update.channel_description":  "选择“正式版”以保证稳定性，选择“预览版”体验早期功能。",
+    "settings.update.check_card_title":  "检查更新",
+    "settings.update.download_threads_description":  "设置应用更新下载的并行线程数，可随时暂停并在支持的情况下恢复下载。",
+    "settings.update.force_reinstall_description":  "下载所选版本的完整包，将此次运行标记为重新安装，而不是增量更新。",
+    "settings.update.force_reinstall_label":  "强制重新安装",
+    "settings.update.latest_version_none":  "已是最新",
+    "settings.update.mode_description":  "“手动更新”不自动下载与安装。“静默下载”在后台下载，由你确认安装。“静默安装”在后台下载并于下次退出时应用。",
+    "settings.update.mode_silent_download":  "静默下载",
+    "settings.update.mode_silent_install":  "静默安装",
+    "settings.update.resume_support_description":  "下载操作会保留部分文件与包元数据，以便在服务器支持时通过暂停和继续功能恢复之前的进度。",
+    "settings.update.resume_support_label":  "断点续传支持",
+    "settings.update.source_description":  "选择更新工作流所使用的清单与安装包来源。",
+    "settings.update.source_gh_proxy":  "gh-proxy 镜像",
+    "settings.update.status_download_failed":  "下载失败。",
+    "settings.update.status_install_failed":  "安装失败。",
+    "settings.update.status_installed":  "安装完成。",
+    "settings.update.status_paused":  "更新已暂停。",
+    "settings.update.status_resuming":  "正在恢复下载...",
+    "settings.update.status_rolled_back":  "已回滚更新。",
+    "settings.update.status_section_header":  "更新状态",
+    "settings.update.transfer_controls_description":  "暂停正在运行的下载，从保存的状态恢复，或取消并清除待处理的更新文件。",
+    "settings.update.transfer_controls_title":  "传输控制",
+    "settings.update.type_reinstall":  "重新安装",
+    "settings.update.update_type_label":  "更新类型"
 }

LanMountainDesktop/Views/SettingsPages/UpdateSettingsPage.axaml

@@ -8,288 +8,183 @@
              x:DataType="vm:UpdateSettingsViewModel">
   <ScrollViewer VerticalScrollBarVisibility="Auto">
     <StackPanel Classes="settings-page-container settings-page-animated">
-      <StackPanel Spacing="6">
-        <TextBlock Classes="settings-section-title"
-                   Text="{Binding PageTitle}" />
-        <TextBlock Classes="settings-section-description"
-                   Text="{Binding PageDescription}" />
+      <StackPanel Spacing="6" Margin="0,0,0,16">
+        <TextBlock Classes="settings-section-title" Text="{Binding PageTitle}" />
+        <TextBlock Classes="settings-section-description" Text="{Binding PageDescription}" />
       </StackPanel>
 
-      <controls:IconText Icon="ArrowSync"
-                         Text="{Binding StatusSectionHeader}"
-                         Margin="0,0,0,4" />
+      <Border Background="{DynamicResource CardBackgroundFillColorDefaultBrush}"
+              BorderBrush="{DynamicResource CardStrokeColorDefaultBrush}"
+              BorderThickness="1"
+              CornerRadius="{DynamicResource DesignCornerRadiusMd}"
+              Padding="24"
+              Margin="0,0,0,24">
+        <StackPanel Spacing="16">
+          <Grid ColumnDefinitions="Auto,*,Auto">
+            <ui:FAFontIcon Glyph="&#xF0288;" FontFamily="avares://fluenticons.resources.avalonia/Assets#Seagull Fluent Icons" FontSize="40" VerticalAlignment="Center" Margin="0,0,20,0" Foreground="{DynamicResource AccentFillColorDefaultBrush}" />
             
-      <ui:FASettingsExpander Header="{Binding CheckCardTitle}"
-                             Description="{Binding StatusMessage}"
-                             IsClickEnabled="{Binding CanCheck}"
-                             Command="{Binding CheckCommand}">
-        <ui:FASettingsExpander.IconSource>
-          <ui:FAFontIconSource Glyph="&#xF0288;"
-                               FontFamily="avares://fluenticons.resources.avalonia/Assets#Seagull Fluent Icons" />
-        </ui:FASettingsExpander.IconSource>
-        <ui:FASettingsExpander.Footer>
-          <Button Classes="settings-accent-button"
-                  Content="{Binding CheckButtonText}"
-                  Command="{Binding CheckCommand}"
-                  IsEnabled="{Binding CanCheck}" />
-        </ui:FASettingsExpander.Footer>
-      </ui:FASettingsExpander>
-
-      <ui:FASettingsExpander Header="{Binding ProgressTitle}"
-                             Description="{Binding ProgressDescription}"
-                             IsVisible="{Binding IsProgressSectionVisible}">
-        <ui:FASettingsExpander.IconSource>
-          <ui:FAFontIconSource Glyph="&#xF0BB2;"
-                               FontFamily="avares://fluenticons.resources.avalonia/Assets#Seagull Fluent Icons" />
-        </ui:FASettingsExpander.IconSource>
-        <ui:FASettingsExpander.Footer>
-          <StackPanel Orientation="Horizontal"
-                      Spacing="8"
-                      VerticalAlignment="Center">
-            <TextBlock Classes="settings-item-label"
-                       Text="{Binding PhaseText}"
-                       VerticalAlignment="Center" />
-            <TextBlock Classes="settings-item-description"
-                       Text="{Binding ProgressFraction, StringFormat='{}{0:P0}'}"
-                       VerticalAlignment="Center" />
-          </StackPanel>
-        </ui:FASettingsExpander.Footer>
-        <ui:FASettingsExpanderItem>
-          <StackPanel Spacing="12">
-            <ProgressBar Minimum="0"
-                         Maximum="1"
-                         Value="{Binding ProgressFraction}"
-                         IsVisible="{Binding IsProgressVisible}" />
-
-            <StackPanel Orientation="Horizontal"
-                        Spacing="10"
-                        VerticalAlignment="Center"
-                        IsVisible="{Binding IsBusy}">
-              <ui:FAProgressRing Width="20"
-                                 Height="20"
-                                 IsIndeterminate="True" />
-              <TextBlock Classes="settings-item-description"
-                         Text="{Binding ProgressDetail}"
-                         TextWrapping="Wrap" />
+            <StackPanel Grid.Column="1" VerticalAlignment="Center" Spacing="4">
+              <TextBlock Text="{Binding StatusMessage}" FontSize="18" FontWeight="SemiBold" TextWrapping="Wrap" />
+              <TextBlock Text="{Binding LastCheckedText}" Classes="settings-item-description" />
             </StackPanel>
 
-            <TextBlock Classes="settings-item-description"
-                       Text="{Binding ProgressDetail}"
-                       TextWrapping="Wrap"
-                       IsVisible="{Binding !IsBusy}" />
+            <Button Grid.Column="2" Classes="settings-accent-button" Content="{Binding CheckButtonText}" Command="{Binding CheckCommand}" IsVisible="{Binding CanCheck}" VerticalAlignment="Center" Margin="16,0,0,0" />
+          </Grid>
 
-            <ui:FAInfoBar Title="{Binding PausedBadgeText}"
-                          Message="{Binding PausedHintText}"
-                          IsOpen="True"
-                          IsClosable="False"
-                          IsVisible="{Binding IsPaused}">
+          <StackPanel IsVisible="{Binding IsProgressSectionVisible}" Spacing="12">
+            <Grid ColumnDefinitions="*,Auto" IsVisible="{Binding IsProgressVisible}">
+               <ProgressBar Grid.Column="0" Minimum="0" Maximum="1" Value="{Binding ProgressFraction}" VerticalAlignment="Center" Margin="0,0,12,0" />
+               <TextBlock Grid.Column="1" Text="{Binding ProgressFraction, StringFormat='{}{0:P0}'}" VerticalAlignment="Center" Classes="settings-item-label" />
+            </Grid>
+
+            <StackPanel Orientation="Horizontal" Spacing="10" VerticalAlignment="Center" IsVisible="{Binding IsBusy}">
+              <ui:FAProgressRing Width="20" Height="20" IsIndeterminate="True" />
+              <TextBlock Classes="settings-item-description" Text="{Binding ProgressDetail}" TextWrapping="Wrap" />
+            </StackPanel>
+
+            <TextBlock Classes="settings-item-description" Text="{Binding ProgressDetail}" TextWrapping="Wrap" IsVisible="{Binding !IsBusy}" />
+
+            <ui:FAInfoBar Title="{Binding PausedBadgeText}" Message="{Binding PausedHintText}" IsOpen="True" IsClosable="False" IsVisible="{Binding IsPaused}">
               <ui:FAInfoBar.IconSource>
-                <ui:FAFontIconSource Glyph="&#xF28D;"
-                                     FontFamily="avares://fluenticons.resources.avalonia/Assets#Seagull Fluent Icons" />
+                <ui:FAFontIconSource Glyph="&#xF28D;" FontFamily="avares://fluenticons.resources.avalonia/Assets#Seagull Fluent Icons" />
               </ui:FAInfoBar.IconSource>
             </ui:FAInfoBar>
 
-            <ui:FAInfoBar Title="{Binding ResumeSupportLabel}"
-                          Message="{Binding ResumeSupportDescription}"
-                          IsOpen="True"
-                          IsClosable="False"
-                          Severity="Informational">
+            <ui:FAInfoBar Title="{Binding ResumeSupportLabel}" Message="{Binding ResumeSupportDescription}" IsOpen="True" IsClosable="False" Severity="Informational">
               <ui:FAInfoBar.IconSource>
-                <ui:FAFontIconSource Glyph="&#xF0647;"
-                                     FontFamily="avares://fluenticons.resources.avalonia/Assets#Seagull Fluent Icons" />
+                <ui:FAFontIconSource Glyph="&#xF0647;" FontFamily="avares://fluenticons.resources.avalonia/Assets#Seagull Fluent Icons" />
               </ui:FAInfoBar.IconSource>
             </ui:FAInfoBar>
 
-            <StackPanel Orientation="Horizontal"
-                        Spacing="8">
-              <Button Classes="settings-accent-button"
-                      Content="{Binding DownloadButtonText}"
-                      Command="{Binding DownloadCommand}"
-                      IsVisible="{Binding CanDownload}" />
-              <Button Classes="settings-accent-button"
-                      Content="{Binding InstallButtonText}"
-                      Command="{Binding InstallCommand}"
-                      IsVisible="{Binding CanInstall}" />
-              <Button Content="{Binding PauseButtonText}"
-                      Command="{Binding PauseCommand}"
-                      IsVisible="{Binding CanPause}" />
-              <Button Classes="settings-accent-button"
-                      Content="{Binding ResumeButtonText}"
-                      Command="{Binding ResumeCommand}"
-                      IsVisible="{Binding CanResume}" />
-              <Button Content="{Binding RollbackButtonText}"
-                      Command="{Binding RollbackCommand}"
-                      IsVisible="{Binding CanRollback}" />
-              <Button Content="{Binding CancelButtonText}"
-                      Command="{Binding CancelCommand}"
-                      IsVisible="{Binding CanCancel}" />
+            <WrapPanel Orientation="Horizontal" ItemWidth="NaN">
+              <StackPanel Orientation="Horizontal" Spacing="8" Margin="0,8,0,0">
+                <Button Classes="settings-accent-button" Content="{Binding DownloadButtonText}" Command="{Binding DownloadCommand}" IsVisible="{Binding CanDownload}" />
+                <Button Classes="settings-accent-button" Content="{Binding InstallButtonText}" Command="{Binding InstallCommand}" IsVisible="{Binding CanInstall}" />
+                <Button Content="{Binding PauseButtonText}" Command="{Binding PauseCommand}" IsVisible="{Binding CanPause}" />
+                <Button Classes="settings-accent-button" Content="{Binding ResumeButtonText}" Command="{Binding ResumeCommand}" IsVisible="{Binding CanResume}" />
+                <Button Content="{Binding RollbackButtonText}" Command="{Binding RollbackCommand}" IsVisible="{Binding CanRollback}" />
+                <Button Content="{Binding CancelButtonText}" Command="{Binding CancelCommand}" IsVisible="{Binding CanCancel}" />
+              </StackPanel>
+            </WrapPanel>
           </StackPanel>
         </StackPanel>
-        </ui:FASettingsExpanderItem>
-      </ui:FASettingsExpander>
+      </Border>
 
-      <Separator Classes="settings-separator" />
+      <TabControl Margin="0,0,0,16">
+        <TabItem Header="{Binding ReleaseFactsTitle}">
+          <StackPanel Spacing="2" Margin="0,16,0,0">
+            <TextBlock Classes="settings-section-description" Text="{Binding ReleaseFactsDescription}" Margin="0,0,0,12" />
 
-      <controls:IconText Icon="Info"
-                         Text="{Binding ReleaseFactsTitle}"
-                         Margin="0,0,0,4" />
-
-      <ui:FASettingsExpander Header="{Binding CurrentVersionLabel}">
+            <ui:FASettingsExpander Classes="settings-expander-card" Header="{Binding CurrentVersionLabel}">
               <ui:FASettingsExpander.IconSource>
-          <ui:FAFontIconSource Glyph="&#xF0288;"
-                               FontFamily="avares://fluenticons.resources.avalonia/Assets#Seagull Fluent Icons" />
+                <ui:FAFontIconSource Glyph="&#xF0288;" FontFamily="avares://fluenticons.resources.avalonia/Assets#Seagull Fluent Icons" />
               </ui:FASettingsExpander.IconSource>
               <ui:FASettingsExpander.Footer>
-          <TextBlock Classes="settings-item-description"
-                     Text="{Binding CurrentVersionText}" />
+                <TextBlock Classes="settings-item-description" Text="{Binding CurrentVersionText}" />
               </ui:FASettingsExpander.Footer>
             </ui:FASettingsExpander>
 
-      <ui:FASettingsExpander Header="{Binding LatestVersionLabel}">
+            <ui:FASettingsExpander Classes="settings-expander-card" Header="{Binding LatestVersionLabel}">
               <ui:FASettingsExpander.IconSource>
-          <ui:FAFontIconSource Glyph="&#xF0B4E;"
-                               FontFamily="avares://fluenticons.resources.avalonia/Assets#Seagull Fluent Icons" />
+                <ui:FAFontIconSource Glyph="&#xF0B4E;" FontFamily="avares://fluenticons.resources.avalonia/Assets#Seagull Fluent Icons" />
               </ui:FASettingsExpander.IconSource>
               <ui:FASettingsExpander.Footer>
-          <TextBlock Classes="settings-item-description"
-                     Text="{Binding LatestVersionDisplayText}" />
+                <TextBlock Classes="settings-item-description" Text="{Binding LatestVersionDisplayText}" />
               </ui:FASettingsExpander.Footer>
             </ui:FASettingsExpander>
 
-      <ui:FASettingsExpander Header="{Binding PublishedAtLabel}">
+            <ui:FASettingsExpander Classes="settings-expander-card" Header="{Binding PublishedAtLabel}">
               <ui:FASettingsExpander.IconSource>
-          <ui:FAFontIconSource Glyph="&#xF0168;"
-                               FontFamily="avares://fluenticons.resources.avalonia/Assets#Seagull Fluent Icons" />
+                <ui:FAFontIconSource Glyph="&#xF0168;" FontFamily="avares://fluenticons.resources.avalonia/Assets#Seagull Fluent Icons" />
               </ui:FASettingsExpander.IconSource>
               <ui:FASettingsExpander.Footer>
-          <TextBlock Classes="settings-item-description"
-                     Text="{Binding PublishedAtText}" />
+                <TextBlock Classes="settings-item-description" Text="{Binding PublishedAtText}" />
               </ui:FASettingsExpander.Footer>
             </ui:FASettingsExpander>
 
-      <ui:FASettingsExpander Header="{Binding LastCheckedLabel}">
+            <ui:FASettingsExpander Classes="settings-expander-card" Header="{Binding UpdateTypeLabel}">
               <ui:FASettingsExpander.IconSource>
-          <ui:FAFontIconSource Glyph="&#xF0B4E;"
-                               FontFamily="avares://fluenticons.resources.avalonia/Assets#Seagull Fluent Icons" />
+                <ui:FAFontIconSource Glyph="&#xF0504;" FontFamily="avares://fluenticons.resources.avalonia/Assets#Seagull Fluent Icons" />
               </ui:FASettingsExpander.IconSource>
               <ui:FASettingsExpander.Footer>
-          <TextBlock Classes="settings-item-description"
-                     Text="{Binding LastCheckedText}" />
+                <TextBlock Classes="settings-item-description" Text="{Binding UpdateTypeText}" />
               </ui:FASettingsExpander.Footer>
             </ui:FASettingsExpander>
+          </StackPanel>
+        </TabItem>
 
-      <ui:FASettingsExpander Header="{Binding UpdateTypeLabel}">
+        <TabItem Header="{Binding PreferencesTitle}">
+          <StackPanel Spacing="2" Margin="0,16,0,0">
+            <TextBlock Classes="settings-section-description" Text="{Binding PreferencesDescription}" Margin="0,0,0,12" />
+
+            <ui:FASettingsExpander Classes="settings-expander-card" Header="{Binding ChannelLabel}" Description="{Binding ChannelDescription}">
               <ui:FASettingsExpander.IconSource>
-          <ui:FAFontIconSource Glyph="&#xF0504;"
-                               FontFamily="avares://fluenticons.resources.avalonia/Assets#Seagull Fluent Icons" />
+                <ui:FAFontIconSource Glyph="&#xF0908;" FontFamily="avares://fluenticons.resources.avalonia/Assets#Seagull Fluent Icons" />
               </ui:FASettingsExpander.IconSource>
               <ui:FASettingsExpander.Footer>
-          <TextBlock Classes="settings-item-description"
-                     Text="{Binding UpdateTypeText}" />
-        </ui:FASettingsExpander.Footer>
-      </ui:FASettingsExpander>
-
-      <Separator Classes="settings-separator" />
-
-      <controls:IconText Icon="Settings"
-                         Text="{Binding PreferencesTitle}"
-                         Margin="0,0,0,4" />
-
-      <ui:FASettingsExpander Header="{Binding PreferencesTitle}"
-                             Description="{Binding PreferencesDescription}"
-                             IsExpanded="True">
-        <ui:FASettingsExpander.IconSource>
-          <ui:FAFontIconSource Glyph="&#xF0504;"
-                               FontFamily="avares://fluenticons.resources.avalonia/Assets#Seagull Fluent Icons" />
-        </ui:FASettingsExpander.IconSource>
-        <ui:FASettingsExpanderItem Content="{Binding ChannelLabel}"
-                                   Description="{Binding ChannelDescription}">
-          <ui:FASettingsExpanderItem.IconSource>
-            <ui:FAFontIconSource Glyph="&#xF0908;"
-                                 FontFamily="avares://fluenticons.resources.avalonia/Assets#Seagull Fluent Icons" />
-          </ui:FASettingsExpanderItem.IconSource>
-          <ui:FASettingsExpanderItem.Footer>
-            <ComboBox Width="220"
-                      ItemsSource="{Binding ChannelOptions}"
-                      SelectedItem="{Binding SelectedChannel}">
+                <ComboBox Width="220" ItemsSource="{Binding ChannelOptions}" SelectedItem="{Binding SelectedChannel}">
                   <ComboBox.ItemTemplate>
                     <DataTemplate x:DataType="vm:SelectionOption">
                       <TextBlock Text="{Binding Label}" />
                     </DataTemplate>
                   </ComboBox.ItemTemplate>
                 </ComboBox>
-          </ui:FASettingsExpanderItem.Footer>
-        </ui:FASettingsExpanderItem>
-        <ui:FASettingsExpanderItem Content="{Binding SourceLabel}"
-                                   Description="{Binding SourceDescription}">
-          <ui:FASettingsExpanderItem.IconSource>
-            <ui:FAFontIconSource Glyph="&#xF0B4E;"
-                                 FontFamily="avares://fluenticons.resources.avalonia/Assets#Seagull Fluent Icons" />
-          </ui:FASettingsExpanderItem.IconSource>
-          <ui:FASettingsExpanderItem.Footer>
-            <ComboBox Width="220"
-                      ItemsSource="{Binding SourceOptions}"
-                      SelectedItem="{Binding SelectedSource}">
+              </ui:FASettingsExpander.Footer>
+            </ui:FASettingsExpander>
+
+            <ui:FASettingsExpander Classes="settings-expander-card" Header="{Binding SourceLabel}" Description="{Binding SourceDescription}">
+              <ui:FASettingsExpander.IconSource>
+                <ui:FAFontIconSource Glyph="&#xF0B4E;" FontFamily="avares://fluenticons.resources.avalonia/Assets#Seagull Fluent Icons" />
+              </ui:FASettingsExpander.IconSource>
+              <ui:FASettingsExpander.Footer>
+                <ComboBox Width="220" ItemsSource="{Binding SourceOptions}" SelectedItem="{Binding SelectedSource}">
                   <ComboBox.ItemTemplate>
                     <DataTemplate x:DataType="vm:SelectionOption">
                       <TextBlock Text="{Binding Label}" />
                     </DataTemplate>
                   </ComboBox.ItemTemplate>
                 </ComboBox>
-          </ui:FASettingsExpanderItem.Footer>
-        </ui:FASettingsExpanderItem>
-        <ui:FASettingsExpanderItem Content="{Binding ModeLabel}"
-                                   Description="{Binding ModeDescription}">
-          <ui:FASettingsExpanderItem.IconSource>
-            <ui:FAFontIconSource Glyph="&#xF08E8;"
-                                 FontFamily="avares://fluenticons.resources.avalonia/Assets#Seagull Fluent Icons" />
-          </ui:FASettingsExpanderItem.IconSource>
-          <ui:FASettingsExpanderItem.Footer>
-            <ComboBox Width="220"
-                      ItemsSource="{Binding ModeOptions}"
-                      SelectedItem="{Binding SelectedMode}">
+              </ui:FASettingsExpander.Footer>
+            </ui:FASettingsExpander>
+
+            <ui:FASettingsExpander Classes="settings-expander-card" Header="{Binding ModeLabel}" Description="{Binding ModeDescription}">
+              <ui:FASettingsExpander.IconSource>
+                <ui:FAFontIconSource Glyph="&#xF08E8;" FontFamily="avares://fluenticons.resources.avalonia/Assets#Seagull Fluent Icons" />
+              </ui:FASettingsExpander.IconSource>
+              <ui:FASettingsExpander.Footer>
+                <ComboBox Width="220" ItemsSource="{Binding ModeOptions}" SelectedItem="{Binding SelectedMode}">
                   <ComboBox.ItemTemplate>
                     <DataTemplate x:DataType="vm:SelectionOption">
-                  <TextBlock Text="{Binding Label}"
-                             TextWrapping="Wrap" />
+                      <TextBlock Text="{Binding Label}" TextWrapping="Wrap" />
                     </DataTemplate>
                   </ComboBox.ItemTemplate>
                 </ComboBox>
-          </ui:FASettingsExpanderItem.Footer>
-        </ui:FASettingsExpanderItem>
-        <ui:FASettingsExpanderItem Content="{Binding ForceReinstallLabel}"
-                                   Description="{Binding ForceReinstallDescription}">
-          <ui:FASettingsExpanderItem.IconSource>
-            <ui:FAFontIconSource Glyph="&#xF0504;"
-                                 FontFamily="avares://fluenticons.resources.avalonia/Assets#Seagull Fluent Icons" />
-          </ui:FASettingsExpanderItem.IconSource>
-          <ui:FASettingsExpanderItem.Footer>
+              </ui:FASettingsExpander.Footer>
+            </ui:FASettingsExpander>
+
+            <ui:FASettingsExpander Classes="settings-expander-card" Header="{Binding ForceReinstallLabel}" Description="{Binding ForceReinstallDescription}">
+              <ui:FASettingsExpander.IconSource>
+                <ui:FAFontIconSource Glyph="&#xF0504;" FontFamily="avares://fluenticons.resources.avalonia/Assets#Seagull Fluent Icons" />
+              </ui:FASettingsExpander.IconSource>
+              <ui:FASettingsExpander.Footer>
                 <ToggleSwitch IsChecked="{Binding ForceReinstall}" />
-          </ui:FASettingsExpanderItem.Footer>
-        </ui:FASettingsExpanderItem>
-        <ui:FASettingsExpanderItem Content="{Binding DownloadThreadsLabel}"
-                                   Description="{Binding DownloadThreadsDescription}">
-          <ui:FASettingsExpanderItem.IconSource>
-            <ui:FAFontIconSource Glyph="&#xF0168;"
-                                 FontFamily="avares://fluenticons.resources.avalonia/Assets#Seagull Fluent Icons" />
-          </ui:FASettingsExpanderItem.IconSource>
-          <ui:FASettingsExpanderItem.Footer>
-            <StackPanel Orientation="Horizontal"
-                        Spacing="8"
-                        VerticalAlignment="Center">
-              <Slider Width="140"
-                      Minimum="1"
-                      Maximum="128"
-                      Value="{Binding DownloadThreadsSliderValue}"
-                      TickFrequency="1"
-                      IsSnapToTickEnabled="True" />
-              <TextBlock Classes="settings-item-label"
-                         Text="{Binding DownloadThreadsSliderValue, StringFormat='{}{0:F0}'}"
-                         VerticalAlignment="Center" />
-            </StackPanel>
-          </ui:FASettingsExpanderItem.Footer>
-        </ui:FASettingsExpanderItem>
+              </ui:FASettingsExpander.Footer>
             </ui:FASettingsExpander>
+
+            <ui:FASettingsExpander Classes="settings-expander-card" Header="{Binding DownloadThreadsLabel}" Description="{Binding DownloadThreadsDescription}">
+              <ui:FASettingsExpander.IconSource>
+                <ui:FAFontIconSource Glyph="&#xF0168;" FontFamily="avares://fluenticons.resources.avalonia/Assets#Seagull Fluent Icons" />
+              </ui:FASettingsExpander.IconSource>
+              <ui:FASettingsExpander.Footer>
+                <StackPanel Orientation="Horizontal" Spacing="8" VerticalAlignment="Center">
+                  <Slider Width="140" Minimum="1" Maximum="128" Value="{Binding DownloadThreadsSliderValue}" TickFrequency="1" IsSnapToTickEnabled="True" />
+                  <TextBlock Classes="settings-item-label" Text="{Binding DownloadThreadsSliderValue, StringFormat='{}{0:F0}'}" VerticalAlignment="Center" />
+                </StackPanel>
+              </ui:FASettingsExpander.Footer>
+            </ui:FASettingsExpander>
+          </StackPanel>
+        </TabItem>
+      </TabControl>
     </StackPanel>
   </ScrollViewer>
 </UserControl>