sourcegit/src/Views/EditRemote.axaml

<UserControl xmlns="https://github.com/avaloniaui"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:vm="using:SourceGit.ViewModels"
             xmlns:v="using:SourceGit.Views"
             mc:Ignorable="d" d:DesignWidth="500" d:DesignHeight="450"
             x:Class="SourceGit.Views.EditRemote"
             x:DataType="vm:EditRemote">
  <StackPanel Orientation="Vertical" Margin="8,0">
    <StackPanel Orientation="Horizontal">
      <Path Width="16" Height="16"
            Data="{StaticResource Icons.Edit}"/>

      <TextBlock FontSize="18"
                 Margin="8,0,0,0"
                 Classes="bold"
                 Text="{DynamicResource Text.Remote.EditTitle}"/>
    </StackPanel>

    <Grid Margin="0,16,0,0" RowDefinitions="32,32,Auto" ColumnDefinitions="150,*">
      <TextBlock Grid.Row="0" Grid.Column="0"
                 HorizontalAlignment="Right" VerticalAlignment="Center"
                 Margin="0,0,8,0"
                 Text="{DynamicResource Text.Remote.Name}"/>
      <TextBox Grid.Row="0" Grid.Column="1"
               Height="26"
               VerticalAlignment="Center"
               CornerRadius="2"
               Watermark="{DynamicResource Text.Remote.Name.Placeholder}"
               Text="{Binding Name, Mode=TwoWay}">
        <TextBox.InnerLeftContent>
          <Path Width="12" Height="12"
                Margin="4,0,2,0"
                Data="{StaticResource Icons.Remote}"
                Fill="{DynamicResource Brush.FG1}"/>
        </TextBox.InnerLeftContent>
      </TextBox>

      <TextBlock Grid.Row="1" Grid.Column="0"
                 HorizontalAlignment="Right" VerticalAlignment="Center"
                 Margin="0,0,8,0"
                 Text="{DynamicResource Text.Remote.URL}"/>
      <TextBox Grid.Row="1" Grid.Column="1"
               Height="26"
               VerticalAlignment="Center"
               CornerRadius="2"
               Watermark="{DynamicResource Text.Remote.URL.Placeholder}"
               Text="{Binding Url, Mode=TwoWay}">
        <TextBox.InnerLeftContent>
          <Path Width="12" Height="12"
                Margin="4,0,2,0"
                Data="{StaticResource Icons.Link}"
                Fill="{DynamicResource Brush.FG1}"/>
        </TextBox.InnerLeftContent>

        <TextBox.InnerRightContent>
          <v:RemoteProtocolSwitcher Url="{Binding Url, Mode=TwoWay}"/>
        </TextBox.InnerRightContent>
      </TextBox>

      <TextBlock Grid.Row="2" Grid.Column="0"
                 HorizontalAlignment="Right" VerticalAlignment="Center"
                 Margin="0,0,8,0"
                 Text="{DynamicResource Text.SSHKey}"
                 IsVisible="{Binding UseSSH}"/>
      <Border Grid.Row="2" Grid.Column="1" Height="32" IsVisible="{Binding UseSSH}">
        <TextBox x:Name="TxtSshKey"
                 Height="26"
                 VerticalAlignment="Center"
                 CornerRadius="3"
                 Watermark="{DynamicResource Text.SSHKey.Placeholder}"
                 Text="{Binding SSHKey, Mode=TwoWay}">
          <TextBox.InnerLeftContent>
            <Path Width="12" Height="12"
                  Margin="4,0,2,0"
                  Data="{StaticResource Icons.Password}"
                  Fill="{DynamicResource Brush.FG1}"/>
          </TextBox.InnerLeftContent>
          <TextBox.InnerRightContent>
            <Button Classes="icon_button" Width="30" Height="30" Click="SelectSSHKey">
              <Path Data="{StaticResource Icons.Folder.Open}" Fill="{DynamicResource Brush.FG1}"/>
            </Button>
          </TextBox.InnerRightContent>
        </TextBox>        
      </Border>
    </Grid>
  </StackPanel>
</UserControl>