fix: NavigationBar mobile

vatsashah45 · vatsashah45 · commit 0964b6ee43b0 · 2024-08-12T16:24:36.000-04:00
diff --git a/UI/Navigation/src/Navigation/Presentation/ContentControlNavigation/CControlNavigationPage.xaml b/UI/Navigation/src/Navigation/Presentation/ContentControlNavigation/CControlNavigationPage.xaml
@@ -14,7 +14,8 @@
 			<RowDefinition Height="Auto" />
 			<RowDefinition />
 		</Grid.RowDefinitions>
-		<utu:NavigationBar Content="Content Control Navigation" />
+		<utu:NavigationBar Content="Content Control Navigation"
+							Padding="60,0,0,0" />
 
 		<Grid Grid.Row="1">
 			<Grid.ColumnDefinitions>
diff --git a/UI/Navigation/src/Navigation/Presentation/FlyoutDrawer/FirstPage.xaml b/UI/Navigation/src/Navigation/Presentation/FlyoutDrawer/FirstPage.xaml
@@ -14,7 +14,8 @@
             <RowDefinition Height="Auto" />
             <RowDefinition />
         </Grid.RowDefinitions>
-        <utu:NavigationBar Content="First Page">
+        <utu:NavigationBar Content="First Page"
+                           Padding="60,0,0,0">
             <utu:NavigationBar.MainCommand>
                 <AppBarButton>
                     <AppBarButton.Icon>
diff --git a/UI/Navigation/src/Navigation/Presentation/FlyoutDrawer/FlyoutDrawerPage.xaml b/UI/Navigation/src/Navigation/Presentation/FlyoutDrawer/FlyoutDrawerPage.xaml
@@ -15,7 +15,8 @@
                 <RowDefinition Height="Auto" />
                 <RowDefinition />
             </Grid.RowDefinitions>
-            <utu:NavigationBar Content="Flyout Drawer Page" />
+            <utu:NavigationBar Content="Flyout Drawer Page"
+                               Padding="60,0,0,0" />
 
             <StackPanel Grid.Row="1"
                         HorizontalAlignment="Center"
diff --git a/UI/Navigation/src/Navigation/Presentation/FlyoutDrawer/SecondPage.xaml b/UI/Navigation/src/Navigation/Presentation/FlyoutDrawer/SecondPage.xaml
@@ -14,7 +14,8 @@
             <RowDefinition Height="Auto" />
             <RowDefinition />
         </Grid.RowDefinitions>
-        <utu:NavigationBar Content="Second Page">
+        <utu:NavigationBar Content="Second Page"
+                           Padding="60,0,0,0">
             <utu:NavigationBar.MainCommand>
                 <AppBarButton>
                     <AppBarButton.Icon>
diff --git a/UI/Navigation/src/Navigation/Presentation/FlyoutDrawer/ThirdPage.xaml b/UI/Navigation/src/Navigation/Presentation/FlyoutDrawer/ThirdPage.xaml
@@ -14,7 +14,8 @@
             <RowDefinition Height="Auto" />
             <RowDefinition />
         </Grid.RowDefinitions>
-        <utu:NavigationBar Content="Third Page">
+        <utu:NavigationBar Content="Third Page"
+                           Padding="60,0,0,0">
             <utu:NavigationBar.MainCommand>
                 <AppBarButton>
                     <AppBarButton.Icon>
diff --git a/UI/Navigation/src/Navigation/Presentation/MessageDialog/MessageDialogPage.xaml b/UI/Navigation/src/Navigation/Presentation/MessageDialog/MessageDialogPage.xaml
@@ -15,7 +15,8 @@
 			<RowDefinition />
 		</Grid.RowDefinitions>
 
-		<utu:NavigationBar Content="Message Dialog" />
+		<utu:NavigationBar Content="Message Dialog"
+							Padding="60,0,0,0" />
 
 		<TextBlock x:Name="MessageDialogResultText"
 					Grid.Row="1" />
diff --git a/UI/Navigation/src/Navigation/Presentation/ModalDialog/ComplexFlyoutPageOne.xaml b/UI/Navigation/src/Navigation/Presentation/ModalDialog/ComplexFlyoutPageOne.xaml
@@ -15,7 +15,10 @@
             <RowDefinition Height="Auto" />
             <RowDefinition />
         </Grid.RowDefinitions>
-        <utu:NavigationBar Content="Complex Flyout One" Background="{ThemeResource PrimaryBrush}" Foreground="{ThemeResource OnPrimaryBrush}">
+        <utu:NavigationBar Content="Complex Flyout One"
+                           Background="{ThemeResource PrimaryBrush}"
+                           Foreground="{ThemeResource OnPrimaryBrush}"
+                           Padding="60,0,0,0">
             <utu:NavigationBar.MainCommand>
                 <AppBarButton Foreground="{ThemeResource OnPrimaryBrush}">
                     <AppBarButton.Icon>
diff --git a/UI/Navigation/src/Navigation/Presentation/ModalDialog/ComplexFlyoutPageTwo.xaml b/UI/Navigation/src/Navigation/Presentation/ModalDialog/ComplexFlyoutPageTwo.xaml
@@ -17,7 +17,8 @@
         </Grid.RowDefinitions>
         <utu:NavigationBar Content="Complex Flyout Two"
                            Background="{ThemeResource PrimaryBrush}"
-                           Foreground="{ThemeResource OnPrimaryBrush}">
+                           Foreground="{ThemeResource OnPrimaryBrush}"
+                           Padding="60,0,0,0">
             <utu:NavigationBar.MainCommand>
                 <AppBarButton Foreground="{ThemeResource OnPrimaryBrush}">
                     <AppBarButton.Icon>
diff --git a/UI/Navigation/src/Navigation/Presentation/ModalDialog/ModalDialogPage.xaml b/UI/Navigation/src/Navigation/Presentation/ModalDialog/ModalDialogPage.xaml
@@ -14,7 +14,8 @@
 			<RowDefinition Height="Auto" />
 			<RowDefinition />
 		</Grid.RowDefinitions>
-		<utu:NavigationBar Content="Display Dialog" />
+		<utu:NavigationBar Content="Display Dialog"
+							Padding="60,0,0,0" />
 
 		<StackPanel Grid.Row="1"
 					HorizontalAlignment="Center"
diff --git a/UI/Navigation/src/Navigation/Presentation/PageNavigation/PageNavigation.xaml b/UI/Navigation/src/Navigation/Presentation/PageNavigation/PageNavigation.xaml
@@ -14,7 +14,8 @@
 			<RowDefinition Height="Auto" />
 			<RowDefinition />
 		</Grid.RowDefinitions>
-		<utu:NavigationBar Content="Page Navigation" />
+		<utu:NavigationBar Content="Page Navigation"
+							Padding="60,0,0,0" />
 
 		<StackPanel Grid.Row="1"
 					HorizontalAlignment="Center"
diff --git a/UI/Navigation/src/Navigation/Presentation/PageNavigation/SamplePage.xaml b/UI/Navigation/src/Navigation/Presentation/PageNavigation/SamplePage.xaml
@@ -15,7 +15,8 @@
 			<RowDefinition />
 		</Grid.RowDefinitions>
 
-		<utu:NavigationBar Content="Sample Page">
+		<utu:NavigationBar Content="Sample Page"
+							Padding="60,0,0,0">
 			<utu:NavigationBar.MainCommand>
 				<AppBarButton>
 					<AppBarButton.Icon>
diff --git a/UI/Navigation/src/Navigation/Presentation/RequestValue/RequestValueMainPage.xaml b/UI/Navigation/src/Navigation/Presentation/RequestValue/RequestValueMainPage.xaml
@@ -14,7 +14,8 @@
 			<RowDefinition Height="Auto" />
 			<RowDefinition />
 		</Grid.RowDefinitions>
-		<utu:NavigationBar Content="Request a Value">
+		<utu:NavigationBar Content="Request a Value"
+							Padding="60,0,0,0">
 			<utu:NavigationBar.MainCommand>
 				<AppBarButton>
 					<AppBarButton.Icon>
diff --git a/UI/Navigation/src/Navigation/Presentation/RequestValue/RequestValueSecondPage.xaml b/UI/Navigation/src/Navigation/Presentation/RequestValue/RequestValueSecondPage.xaml
@@ -14,7 +14,8 @@
 			<RowDefinition Height="Auto" />
 			<RowDefinition />
 		</Grid.RowDefinitions>
-		<utu:NavigationBar Content="Sample Page">
+		<utu:NavigationBar Content="Sample Page"
+							Padding="60,0,0,0">
 			<utu:NavigationBar.MainCommand>
 				<AppBarButton>
 					<AppBarButton.Icon>
diff --git a/UI/Navigation/src/Navigation/Presentation/TabBarNavigation/TabBarNavigationPage.xaml b/UI/Navigation/src/Navigation/Presentation/TabBarNavigation/TabBarNavigationPage.xaml
@@ -17,7 +17,9 @@
 			<RowDefinition Height="Auto" />
 		</Grid.RowDefinitions>
 
-		<utu:NavigationBar Content="TabBar Navigation" Style="{StaticResource MaterialNavigationBarStyle}">
+		<utu:NavigationBar Content="TabBar Navigation"
+							Style="{StaticResource MaterialNavigationBarStyle}"
+							Padding="60,0,0,0">
 			<utu:NavigationBar.MainCommand>
 				<AppBarButton Foreground="{ThemeResource OnSurfaceInverseBrush}">
 					<AppBarButton.Icon>
diff --git a/UI/Navigation/src/Navigation/Presentation/TabBarWithDataNavigation/TabBarWithDataPage.xaml b/UI/Navigation/src/Navigation/Presentation/TabBarWithDataNavigation/TabBarWithDataPage.xaml
@@ -17,7 +17,9 @@
 			<RowDefinition Height="Auto" />
 		</Grid.RowDefinitions>
 
-		<utu:NavigationBar Content="TabBar Navigation with Data" Style="{StaticResource MaterialNavigationBarStyle}">
+		<utu:NavigationBar Content="TabBar Navigation with Data"
+							Style="{StaticResource MaterialNavigationBarStyle}"
+							Padding="60,0,0,0">
 			<utu:NavigationBar.MainCommand>
 				<AppBarButton Foreground="{ThemeResource OnSurfaceInverseBrush}">
 					<AppBarButton.Icon>
diff --git a/UI/Navigation/src/Navigation/Presentation/ToFromQuery/ToFromQueryPage.xaml b/UI/Navigation/src/Navigation/Presentation/ToFromQuery/ToFromQueryPage.xaml
@@ -14,7 +14,8 @@
 			<RowDefinition />
 		</Grid.RowDefinitions>
 
-		<utu:NavigationBar Content="ToFromQuery Page">
+		<utu:NavigationBar Content="ToFromQuery Page"
+							Padding="60,0,0,0">
 			<utu:NavigationBar.MainCommand>
 				<AppBarButton>
 					<AppBarButton.Icon>
