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.
139 lines
5.4 KiB
139 lines
5.4 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.HomePage"
|
|
Title="HomePage">
|
|
|
|
<ScrollView>
|
|
<Grid RowDefinitions="Auto,Auto,Auto,*">
|
|
<FlexLayout
|
|
Grid.Row="0"
|
|
JustifyContent="SpaceBetween"
|
|
AlignItems="Center"
|
|
AlignContent="Center"
|
|
Margin="20"
|
|
>
|
|
<ImageButton Source="sort.svg"
|
|
Padding="5"
|
|
BackgroundColor="Pink"
|
|
WidthRequest="65"
|
|
HeightRequest="65"
|
|
CornerRadius="15"
|
|
Margin="0,5,10,0">
|
|
</ImageButton>
|
|
<ImageButton Source="account.svg"
|
|
Padding="5"
|
|
BackgroundColor="Transparent"
|
|
WidthRequest="75"
|
|
HeightRequest="75"
|
|
CornerRadius="15"
|
|
Margin="0,5,0,0">
|
|
</ImageButton>
|
|
</FlexLayout>
|
|
<Grid
|
|
ColumnDefinitions="*,Auto"
|
|
Grid.Row="1"
|
|
|
|
Margin="20"
|
|
>
|
|
<Entry
|
|
Margin="5,10,5,5"
|
|
Grid.Column="0"
|
|
Placeholder="Search here..."
|
|
>
|
|
</Entry>
|
|
<ImageButton
|
|
Grid.Column="1"
|
|
Source="syncalt.svg"
|
|
Padding="5"
|
|
BackgroundColor="Pink"
|
|
WidthRequest="65"
|
|
HeightRequest="65"
|
|
CornerRadius="15"
|
|
Margin="0,5,5,0">
|
|
</ImageButton>
|
|
</Grid>
|
|
|
|
<VerticalStackLayout
|
|
Grid.Row="2">
|
|
<FlexLayout
|
|
|
|
JustifyContent="SpaceBetween"
|
|
AlignItems="Center"
|
|
AlignContent="Stretch"
|
|
Margin="20"
|
|
>
|
|
<Label Text="Popular recipe"
|
|
HeightRequest="30"
|
|
FontSize="Title"
|
|
FontAttributes="Bold"
|
|
Margin="5,0,0,0"
|
|
>
|
|
|
|
</Label>
|
|
<Label Text="Show All"
|
|
Margin="0,5,5,0"
|
|
HeightRequest="25"
|
|
TextColor="Grey"
|
|
>
|
|
</Label>
|
|
</FlexLayout>
|
|
<HorizontalStackLayout Spacing="10">
|
|
<Border StrokeShape="RoundRectangle 25">
|
|
<Rectangle HeightRequest="150" WidthRequest="150" BackgroundColor="Yellow">
|
|
</Rectangle>
|
|
</Border>
|
|
<Border StrokeShape="RoundRectangle 25">
|
|
<Rectangle HeightRequest="150" WidthRequest="150" BackgroundColor="Yellow">
|
|
</Rectangle>
|
|
</Border>
|
|
<Border StrokeShape="RoundRectangle 25">
|
|
<Rectangle HeightRequest="150" WidthRequest="150" BackgroundColor="Yellow">
|
|
</Rectangle>
|
|
</Border>
|
|
</HorizontalStackLayout>
|
|
</VerticalStackLayout>
|
|
|
|
<VerticalStackLayout
|
|
Grid.Row="3">
|
|
<FlexLayout
|
|
|
|
JustifyContent="SpaceBetween"
|
|
AlignItems="Center"
|
|
AlignContent="Stretch"
|
|
Margin="20,40,20,20"
|
|
>
|
|
<Label Text="Recommended for you"
|
|
HeightRequest="35"
|
|
FontSize="Title"
|
|
FontAttributes="Bold"
|
|
Margin="5,0,0,0"
|
|
>
|
|
|
|
</Label>
|
|
<Label Text="Show All"
|
|
Margin="0,5,5,0"
|
|
HeightRequest="25"
|
|
TextColor="Grey"
|
|
>
|
|
</Label>
|
|
</FlexLayout>
|
|
<FlexLayout>
|
|
<Border StrokeShape="RoundRectangle 25">
|
|
<Rectangle HeightRequest="150" WidthRequest="150" BackgroundColor="Yellow">
|
|
</Rectangle>
|
|
</Border>
|
|
<Border StrokeShape="RoundRectangle 25">
|
|
<Rectangle HeightRequest="150" WidthRequest="150" BackgroundColor="Yellow">
|
|
</Rectangle>
|
|
</Border>
|
|
<Border StrokeShape="RoundRectangle 25">
|
|
<Rectangle HeightRequest="150" WidthRequest="150" BackgroundColor="Yellow">
|
|
</Rectangle>
|
|
</Border>
|
|
</FlexLayout>
|
|
</VerticalStackLayout>
|
|
|
|
</Grid>
|
|
</ScrollView>
|
|
</ContentPage> |