Search updates

src/pages/homepage/Homepage.tsx

@@ -1,4 +1,4 @@
-import { Grid, Stack } from '@mantine/core';
+import { Box, Grid, Stack } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
 import CurrentWeather from 'components/WeatherModal/CurrentWeather';
 import { useCommonHooks, useOSMAPI, useQueryAPI, useWeatherAPI } from 'hooks';
@@ -219,6 +219,7 @@ export function Homepage() {
 						weatherModalOpened={weatherModalOpened}
 						closeWeatherModal={closeWeatherModal}
 						openWeatherModal={openWeatherModal}
+						position='top'
 					/>
 					<Header
 						greet={displayedGreeting}
@@ -230,10 +231,10 @@ export function Homepage() {
 					<Bookmarks contentType={bookmarkFilter} />
 				</>
 			) : (
-				<>
+				<Box h={'100%'} w={'100%'}>
 					<Stack align='center'>
 						<LargeHeader greet={displayedGreeting} date={date} />
-						<Grid grow columns={24} pos={'absolute'} bottom={'1rem'} w={'50%'}>
+						<Grid grow columns={24} pos={'absolute'} bottom={'1rem'}>
 							<CurrentWeather current={current} />
 						</Grid>
 					</Stack>
@@ -243,8 +244,9 @@ export function Homepage() {
 						weatherModalOpened={weatherModalOpened}
 						closeWeatherModal={closeWeatherModal}
 						openWeatherModal={openWeatherModal}
+						position='center'
 					/>
-				</>
+				</Box>
 			)}
 			<SettingsButton />
 		</Stack>