From 26246f74835c4aebe69d7dee7795791346d7c5ce Mon Sep 17 00:00:00 2001
From: Corentin LEMAIRE <colemaire>
Date: Mon, 3 Apr 2023 10:11:28 +0200
Subject: [PATCH] Enhancement of Album Page

---
 Sources/Linaris/AlbumPage.xaml | 64 +++++++++++++++++++++-------------
 1 file changed, 40 insertions(+), 24 deletions(-)

diff --git a/Sources/Linaris/AlbumPage.xaml b/Sources/Linaris/AlbumPage.xaml
index 51f9056..6e6abf3 100644
--- a/Sources/Linaris/AlbumPage.xaml
+++ b/Sources/Linaris/AlbumPage.xaml
@@ -2,6 +2,7 @@
 <ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
              xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
              x:Class="Linaris.AlbumPage"
+             xmlns:local="clr-namespace:Linaris"
              xmlns:avatarview="clr-namespace:Syncfusion.Maui.Core;assembly=Syncfusion.Maui.Core"
              Title="Album">
 
@@ -49,36 +50,51 @@
                 
                 <SearchBar Placeholder="Rechercher"
                    BackgroundColor="White"
-                   HorizontalOptions="Fill"
+                   HorizontalOptions="FillAndExpand"
                    Margin="10"/>
 
-                <Grid VerticalOptions="Fill">
+                <Grid VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand">
                     <Grid.ColumnDefinitions>
                         <ColumnDefinition Width="6*"/>
                         <ColumnDefinition Width="*"/>
                     </Grid.ColumnDefinitions>
-                    <Grid.RowDefinitions>
-                        <RowDefinition Height="*"/>
-                    </Grid.RowDefinitions>
-                    <FlexLayout Direction="Row"
-                        VerticalOptions="Fill"
-                        AlignItems="Start"
-                        JustifyContent="SpaceAround"
-                        Wrap="Wrap"
-                        Grid.Column="0">
-                        <VerticalStackLayout HorizontalOptions="Fill">
-                            <avatarview:SfAvatarView 
-                                ContentType="Custom"
-                                ImageSource="album9.jpg"
-                                VerticalOptions="Start"
-                                HorizontalOptions="Center"   
-                                HeightRequest="150"
-                                WidthRequest="150"
-                                CornerRadius="75"
-                                BackgroundColor="Transparent"
-                                Stroke="Transparent"/>
-                        </VerticalStackLayout>
-                    </FlexLayout>
+                    <VerticalStackLayout Grid.Column="0">
+                        <avatarview:SfAvatarView 
+                            ContentType="Custom"
+                            ImageSource="album9.jpg"
+                            VerticalOptions="Start"
+                            HorizontalOptions="Center"   
+                            HeightRequest="150"
+                            WidthRequest="150"
+                            CornerRadius="75"
+                            BackgroundColor="Transparent"
+                            Stroke="Transparent"
+                            Margin="10"/>
+                        <Label Text="Night Visions"
+                                HorizontalOptions="Center"
+                                FontSize="35"
+                                TextColor="White"
+                                Margin="5">
+                        </Label>
+                        <Label Text="Description"
+                                HorizontalOptions="Center"
+                                FontSize="20"
+                                TextColor="White">
+                        </Label>
+                        <FlexLayout HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">
+                            <Frame CornerRadius="10"
+                                   HasShadow="False"
+                                   BorderColor="Transparent"
+                                   HorizontalOptions="Fill"
+                                   VerticalOptions="Fill"
+                                   BackgroundColor="blue"
+                                   HeightRequest="40">
+                                <HorizontalStackLayout HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">
+                                    <Label Text="test"/>
+                                </HorizontalStackLayout>
+                            </Frame>
+                        </FlexLayout>
+                    </VerticalStackLayout>
                     <ScrollView Grid.Column="1"
                                 VerticalOptions="Fill">
                         <FlexLayout Direction="Row"