Add generation step textbox and ticks

StabilityMatrix/TextToImagePage.xaml

@@ -4,6 +4,8 @@
     Title="TextToImagePage"
     d:DataContext="{d:DesignInstance Type=viewModels:TextToImageViewModel,
                                      IsDesignTimeCreatable=True}"
+    d:DesignHeight="700"
+    d:DesignWidth="1100"
     mc:Ignorable="d"
     x:Class="StabilityMatrix.TextToImagePage"
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
@@ -42,13 +44,31 @@
                                 Margin="2" />
                             <TextBox Margin="8" Text="{Binding NegativePromptText}" />
 
-                            <Label
+                            <Grid Margin="8">
-                                Content="Steps"
+                                <Grid.ColumnDefinitions>
-                                FontSize="14"
+                                    <ColumnDefinition Width="*" />
-                                Margin="2" />
+                                    <ColumnDefinition Width="Auto" />
+                                </Grid.ColumnDefinitions>
+                                <Label
+                                    Content="Steps"
+                                    FontSize="14"
+                                    Margin="2"
+                                    VerticalAlignment="Center" />
+                                <TextBox
+                                    FontSize="14"
+                                    Grid.Column="1"
+                                    Margin="8"
+                                    Text="{Binding GenerationSteps}"
+                                    VerticalAlignment="Bottom"
+                                    Width="64" />
+                            </Grid>
+
                             <Slider
-                                Maximum="100"
+                                IsSnapToTickEnabled="True"
+                                Maximum="150"
                                 Minimum="0"
+                                TickFrequency="5"
+                                TickPlacement="BottomRight"
                                 Value="{Binding GenerationSteps}" />
                         </StackPanel>
                     </ui:Card>
@@ -64,10 +84,7 @@
                             FontSize="14"
                             Margin="2" />
                         <Grid Background="{DynamicResource ApplicationBackgroundBrush}">
-                            <Image
+                            <Image Margin="8" Source="{Binding ImagePreview}" />
-                                Height="200"
-                                Margin="8"
-                                Source="{Binding ImagePreview}" />
                         </Grid>
                     </StackPanel>
                 </ui:Card>