87 lines
4.3 KiB
XML
87 lines
4.3 KiB
XML
<UserControl xmlns="https://github.com/avaloniaui"
|
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
|
x:Class="Lagerprogramm.Views.DesignPreviewView">
|
|
<ScrollViewer Margin="15">
|
|
<StackPanel Spacing="16">
|
|
|
|
<TextBlock Text="Theme Preview" Classes="header" Margin="0,0,0,8"/>
|
|
|
|
<!-- Colors -->
|
|
<TextBlock Text="Colors" Classes="subheader"/>
|
|
<StackPanel Orientation="Horizontal" Spacing="12">
|
|
<StackPanel Spacing="4">
|
|
<Border Width="64" Height="64" Background="{StaticResource ThemeBackgroundBrush}" CornerRadius="4" BorderBrush="#444" BorderThickness="1"/>
|
|
<TextBlock Text="Background" Classes="caption" HorizontalAlignment="Center"/>
|
|
<TextBlock Text="#292929" FontSize="10" Opacity="0.5" HorizontalAlignment="Center"/>
|
|
</StackPanel>
|
|
<StackPanel Spacing="4">
|
|
<Border Width="64" Height="64" Background="{StaticResource ThemeSurfaceBrush}" CornerRadius="4" BorderBrush="#444" BorderThickness="1"/>
|
|
<TextBlock Text="Surface" Classes="caption" HorizontalAlignment="Center"/>
|
|
<TextBlock Text="#767676" FontSize="10" Opacity="0.5" HorizontalAlignment="Center"/>
|
|
</StackPanel>
|
|
<StackPanel Spacing="4">
|
|
<Border Width="64" Height="64" Background="{StaticResource ThemeForegroundBrush}" CornerRadius="4" BorderBrush="#444" BorderThickness="1"/>
|
|
<TextBlock Text="Foreground" Classes="caption" HorizontalAlignment="Center"/>
|
|
<TextBlock Text="#F0F8FF" FontSize="10" Opacity="0.5" HorizontalAlignment="Center"/>
|
|
</StackPanel>
|
|
</StackPanel>
|
|
|
|
<!-- Typography -->
|
|
<TextBlock Text="Typography" Classes="subheader" Margin="0,8,0,0"/>
|
|
<StackPanel Spacing="6">
|
|
<TextBlock Text="TextBlock.header (Bold, 16)" Classes="header"/>
|
|
<TextBlock Text="TextBlock.subheader (Bold)" Classes="subheader"/>
|
|
<TextBlock Text="TextBlock.caption (11, opacity 0.8)" Classes="caption"/>
|
|
<TextBlock Text="TextBlock.captionMedium (11, opacity 0.7)" Classes="captionMedium"/>
|
|
<TextBlock Text="TextBlock.captionMuted (11, opacity 0.6)" Classes="captionMuted"/>
|
|
</StackPanel>
|
|
|
|
<!-- Buttons -->
|
|
<TextBlock Text="Buttons" Classes="subheader" Margin="0,8,0,0"/>
|
|
<StackPanel Orientation="Horizontal" Spacing="8">
|
|
<Button Classes="navButton" Content="navButton"/>
|
|
<Button Content="Default Button"/>
|
|
</StackPanel>
|
|
|
|
<!-- Form Sample -->
|
|
<TextBlock Text="Form Sample" Classes="subheader" Margin="0,8,0,0"/>
|
|
<Border MaxWidth="500" HorizontalAlignment="Left" Background="{StaticResource ThemeSurfaceBrush}" Margin="0,4,0,0" Padding="10">
|
|
<StackPanel Spacing="8">
|
|
<Grid ColumnDefinitions="120,*">
|
|
<TextBlock Grid.Column="0" Text="Label" VerticalAlignment="Center"/>
|
|
<TextBox Grid.Column="1" Text="Input text"/>
|
|
</Grid>
|
|
<Grid ColumnDefinitions="120,*">
|
|
<TextBlock Grid.Column="0" Text="Number" VerticalAlignment="Center"/>
|
|
<NumericUpDown Grid.Column="1" Value="42" Minimum="0"/>
|
|
</Grid>
|
|
<CheckBox Content="Checkbox option"/>
|
|
<StackPanel Orientation="Horizontal" Spacing="8" Margin="0,4,0,0">
|
|
<Button Classes="navButton" Content="Save"/>
|
|
<Button Content="Cancel"/>
|
|
</StackPanel>
|
|
</StackPanel>
|
|
</Border>
|
|
|
|
<!-- List Sample -->
|
|
<TextBlock Text="List Sample" Classes="subheader" Margin="0,8,0,0"/>
|
|
<Border MaxWidth="500" HorizontalAlignment="Left" Background="{StaticResource ThemeSurfaceBrush}" Padding="8" CornerRadius="4">
|
|
<StackPanel Spacing="6">
|
|
<StackPanel>
|
|
<TextBlock Text="Item Title" Classes="subheader"/>
|
|
<TextBlock Text="Secondary info line" Classes="caption"/>
|
|
<TextBlock Text="Tertiary detail" Classes="captionMuted"/>
|
|
</StackPanel>
|
|
<Rectangle Height="1" Fill="#444" Margin="0,2"/>
|
|
<StackPanel>
|
|
<TextBlock Text="Another Item" Classes="subheader"/>
|
|
<TextBlock Text="Manufacturer info" Classes="captionMedium"/>
|
|
<TextBlock Text="Muted description text" Classes="captionMuted"/>
|
|
</StackPanel>
|
|
</StackPanel>
|
|
</Border>
|
|
|
|
</StackPanel>
|
|
</ScrollViewer>
|
|
</UserControl>
|