LanMountainDesktop/LanMontainDesktop/Views/MainWindow.axaml

<Window xmlns="https://github.com/avaloniaui"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:vm="using:LanMontainDesktop.ViewModels"
        xmlns:ui="using:FluentAvalonia.UI.Controls"
        xmlns:comp="using:LanMontainDesktop.Views.Components"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        mc:Ignorable="d"
        d:DesignWidth="1280"
        d:DesignHeight="720"
        x:Class="LanMontainDesktop.Views.MainWindow"
        x:DataType="vm:MainWindowViewModel"
        Icon="/Assets/avalonia-logo.ico"
        WindowState="FullScreen"
        SystemDecorations="None"
        CanResize="False"
        Background="#FF020617"
        Title="LanMontainDesktop">

    <Design.DataContext>
        <vm:MainWindowViewModel />
    </Design.DataContext>

    <Grid>
        <Border x:Name="DesktopHost"
                ClipToBounds="True"
                Background="#FF020617">
            <Grid x:Name="DesktopGrid"
                  HorizontalAlignment="Left"
                  VerticalAlignment="Top"
                  ShowGridLines="False">
                <comp:ClockWidget x:Name="ClockWidget"
                                  Grid.Row="0"
                                  Grid.Column="0"
                                  Grid.ColumnSpan="3"
                                  Margin="4" />

                <Button x:Name="BackToWindowsButton"
                        Grid.Row="0"
                        Grid.Column="0"
                        Grid.ColumnSpan="4"
                        Margin="4"
                        Padding="8"
                        HorizontalAlignment="Stretch"
                        VerticalAlignment="Stretch"
                        Click="OnMinimizeClick"
                        Content="&#22238;&#21040;Windows" />
            </Grid>
        </Border>

        <Border HorizontalAlignment="Right"
                VerticalAlignment="Top"
                Margin="10"
                Padding="10"
                CornerRadius="10"
                Background="#BF111827"
                BorderBrush="#80334155"
                BorderThickness="1">
            <Grid ColumnDefinitions="Auto,Auto,Auto"
                  RowDefinitions="Auto,Auto"
                  ColumnSpacing="8"
                  RowSpacing="6">
                <TextBlock Grid.Row="0"
                           Grid.Column="0"
                           VerticalAlignment="Center"
                           Foreground="#FFE5E7EB"
                           Text="&#30701;&#36793;&#26684;&#25968;" />
                <ui:NumberBox x:Name="GridSizeNumberBox"
                              Grid.Row="0"
                              Grid.Column="1"
                              Width="100"
                              Minimum="6"
                              Maximum="96"
                              Value="12" />
                <Button Grid.Row="0"
                        Grid.Column="2"
                        Padding="12,6"
                        Click="OnApplyGridSizeClick"
                        Content="&#24212;&#29992;" />

                <TextBlock x:Name="GridInfoTextBlock"
                           Grid.Row="1"
                           Grid.Column="0"
                           Grid.ColumnSpan="3"
                           Foreground="#FF93C5FD"
                           Text="Grid: - cols x - rows (1:1)" />
            </Grid>
        </Border>
    </Grid>

</Window>