Refactor ClockPanel layout for improved alignment

Restructure ClockPanel in MainWindow.xaml by grouping the Clock and Date TextBlocks in a vertical StackPanel and placing the Battery TextBlock in a separate vertical StackPanel with a left margin. This enhances the visual alignment and separation between the clock/date and battery displays.
This commit is contained in:
Jack251970 2026-03-04 13:12:04 +08:00
parent b67ad4da2b
commit db03adc785

View file

@ -299,23 +299,28 @@
x:Name="ClockPanel"
IsHitTestVisible="False"
Opacity="{Binding ClockPanelOpacity}"
Orientation="Horizontal"
Style="{DynamicResource ClockPanel}"
Visibility="{Binding ClockPanelVisibility}">
<TextBlock
x:Name="ClockBox"
Style="{DynamicResource ClockBox}"
Text="{Binding ClockText}"
Visibility="{Binding Settings.UseClock, Converter={StaticResource BoolToVisibilityConverter}}" />
<TextBlock
x:Name="DateBox"
Style="{DynamicResource DateBox}"
Text="{Binding DateText}"
Visibility="{Binding Settings.UseDate, Converter={StaticResource BoolToVisibilityConverter}}" />
<TextBlock
x:Name="BatteryBox"
Style="{DynamicResource ClockBox}"
Text="{Binding BatteryText}"
Visibility="{Binding Settings.UseBattery, Converter={StaticResource BoolToVisibilityConverter}}" />
<StackPanel VerticalAlignment="Center">
<TextBlock
x:Name="ClockBox"
Style="{DynamicResource ClockBox}"
Text="{Binding ClockText}"
Visibility="{Binding Settings.UseClock, Converter={StaticResource BoolToVisibilityConverter}}" />
<TextBlock
x:Name="DateBox"
Style="{DynamicResource DateBox}"
Text="{Binding DateText}"
Visibility="{Binding Settings.UseDate, Converter={StaticResource BoolToVisibilityConverter}}" />
</StackPanel>
<StackPanel Margin="8 0 0 0" VerticalAlignment="Center">
<TextBlock
x:Name="BatteryBox"
Style="{DynamicResource ClockBox}"
Text="{Binding BatteryText}"
Visibility="{Binding Settings.UseBattery, Converter={StaticResource BoolToVisibilityConverter}}" />
</StackPanel>
</StackPanel>
<Border>
<Grid WindowChrome.IsHitTestVisibleInChrome="True">