Add Images in custom query windows

Author: onesounds

Flow.Launcher/CustomQueryHotkeySetting.xaml

@@ -75,6 +75,10 @@
                         Text="{DynamicResource customeQueryHotkeyTips}"
                         TextAlignment="Left"
                         TextWrapping="WrapWithOverflow" />
+                    <Image
+                        Width="470"
+                        Margin="0,10,0,0"
+                        Source="/Images/illustration_01.png" />
                 </StackPanel>
 
                 <StackPanel Margin="0,20,0,0" Orientation="Horizontal">

Flow.Launcher/CustomShortcutSetting.xaml

@@ -6,12 +6,12 @@
     Title="{DynamicResource customeQueryShortcutTitle}"
     Width="530"
     Background="{DynamicResource PopuBGColor}"
+    DataContext="{Binding RelativeSource={RelativeSource Self}}"
     Foreground="{DynamicResource PopupTextColor}"
     Icon="Images\app.png"
     ResizeMode="NoResize"
     SizeToContent="Height"
-    WindowStartupLocation="CenterScreen"
-    DataContext="{Binding RelativeSource={RelativeSource Self}}">
+    WindowStartupLocation="CenterScreen">
     <WindowChrome.WindowChrome>
         <WindowChrome CaptionHeight="32" ResizeBorderThickness="{x:Static SystemParameters.WindowResizeBorderThickness}" />
     </WindowChrome.WindowChrome>
@@ -76,9 +76,13 @@
                         Text="{DynamicResource customeQueryShortcutTips}"
                         TextAlignment="Left"
                         TextWrapping="WrapWithOverflow" />
+                    <Image
+                        Width="470"
+                        Margin="0,10,0,0"
+                        Source="/Images/illustration_02.png" />
                 </StackPanel>
 
-                <StackPanel Margin="0,20,0,0" Orientation="Horizontal">
+                <StackPanel Margin="0,10,0,10" Orientation="Horizontal">
                     <Grid Width="470">
                         <Grid.RowDefinitions>
                             <RowDefinition />
@@ -100,8 +104,7 @@
                             Grid.Row="0"
                             Grid.Column="1"
                             Margin="10"
-                            Text="{Binding Key}"
-                            />
+                            Text="{Binding Key}" />
                         <TextBlock
                             Grid.Row="1"
                             Grid.Column="0"
@@ -124,18 +127,18 @@
                                 DockPanel.Dock="Right" />
                             <TextBox
                                 x:Name="tbExpand"
-                                Margin="10"
+                                Margin="10,0,10,0"
                                 HorizontalAlignment="Stretch"
-                                Text="{Binding Value}"
-                                VerticalAlignment="Center" />
+                                VerticalAlignment="Center"
+                                Text="{Binding Value}" />
                         </DockPanel>
                     </Grid>
                 </StackPanel>
             </StackPanel>
         </StackPanel>
         <Border
             Grid.Row="1"
-            Margin="0,14,0,0"
+            Margin="0,10,0,0"
             Background="{DynamicResource PopupButtonAreaBGColor}"
             BorderBrush="{DynamicResource PopupButtonAreaBorderColor}"
             BorderThickness="0,1,0,0">