You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
ShopNCook/Views/LoginPage.xaml

94 lines
3.0 KiB

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="ShoopNCook.Views.LoginPage"
Title="LoginPage"
BackgroundColor="{StaticResource BackgroundPrimary}">
<VerticalStackLayout
Margin="20, 75, 20, 20">
<Label
Text="Welcome Back!"
FontSize="32"
TextColor="{StaticResource TextColorPrimary}"
FontAttributes="Bold"
VerticalOptions="Start"
HorizontalOptions="Start" />
<Label
Text="Fill in your credentials or continue with social media"
FontSize="20"
TextColor="{StaticResource TextColorSecondary}"
VerticalOptions="Start"
HorizontalOptions="Start" />
<Border
StrokeThickness="1"
Stroke="{StaticResource BackgroundPrimary}"
StrokeShape="RoundRectangle 12"
Margin="0,30,0,20"
>
<Grid
Padding="5"
BackgroundColor="White"
ColumnDefinitions="Auto,Auto,*"
>
<Image
Grid.Column="1"
Source="email_icon.svg">
</Image>
<Entry
Grid.Column="2"
Placeholder="Mail address"
TextColor="Black"></Entry>
</Grid>
</Border>
<Border
StrokeThickness="1"
Stroke="{StaticResource BackgroundPrimary}"
StrokeShape="RoundRectangle 12"
>
<Grid
Padding="5"
BackgroundColor="White"
ColumnDefinitions="Auto,Auto,*,Auto">
<Image
Grid.Column="1"
Source="password_icon.svg">
</Image>
<Entry
Grid.Column="2"
Placeholder="Mail address"
TextColor="Black"></Entry>
<ImageButton
Grid.Column="3"
Source="visibility_off.svg"
HeightRequest="30">
</ImageButton>
</Grid>
</Border>
<Label
TextColor="{StaticResource TextColorSecondary}"
HorizontalOptions="End">
Forgot Password ?
</Label>
<Border
Margin="0, 30, 0, 0"
Stroke="{StaticResource BackgroundPrimary}"
StrokeShape="RoundRectangle 12">
<Label
HeightRequest="50"
BackgroundColor="{StaticResource ActionButton}"
HorizontalTextAlignment="Center"
VerticalTextAlignment="Center">
LOG IN</Label>
</Border>
</VerticalStackLayout>
</ContentPage>