Minor fixes
All checks were successful
Deploy to production / build (push) Successful in 19s

This commit is contained in:
2026-10-20 16:13:51 -05:00
parent ecf061da1f
commit 2cf34f86fa
2 changed files with 35 additions and 52 deletions

View File

@@ -1,4 +1,4 @@
import { Box, Grid, Stack } from '@mantine/core'; import { Box, Stack } from '@mantine/core';
import { useDisclosure } from '@mantine/hooks'; import { useDisclosure } from '@mantine/hooks';
import { useCommonHooks, useOpenMeteoAPI, useOSMAPI, useQueryAPI } from 'hooks'; import { useCommonHooks, useOpenMeteoAPI, useOSMAPI, useQueryAPI } from 'hooks';
import { useEffect, useState } from 'react'; import { useEffect, useState } from 'react';
@@ -117,9 +117,9 @@ export function Homepage() {
<Box h={'100%'} w={'100%'}> <Box h={'100%'} w={'100%'}>
<Stack align='center'> <Stack align='center'>
<LargeHeader greet={displayedGreeting} date={date} /> <LargeHeader greet={displayedGreeting} date={date} />
<Grid grow columns={24} pos={'absolute'} bottom={'1rem'}> <Box w={'860px'} pos={'absolute'} bottom={'1rem'}>
{meteoCurrent && <CurrentWeather current={meteoCurrent} />} {meteoCurrent && <CurrentWeather current={meteoCurrent} />}
</Grid> </Box>
</Stack> </Stack>
<Search <Search
current={meteoCurrent} current={meteoCurrent}

View File

@@ -87,60 +87,43 @@ export function ThemeModalContent({ selectedTheme }: { selectedTheme: Theme }) {
> >
Applications Applications
</Text> </Text>
<Stack <Group
style={{ style={{
gap: '.25rem', display: 'grid',
backgroundSize: 'cover',
borderBottom: '0px solid',
display: 'flex',
gridColumnGap: '5px',
gridRowGap: '5px',
gridTemplateColumns: '1fr 1fr 1fr', gridTemplateColumns: '1fr 1fr 1fr',
gridTemplateRows: '64px', transition: 'all 0.2s ease',
padding: 0,
justifyContent: 'center',
alignContent: 'center',
}} }}
w={'100%'} w={'100%'}
display={'grid'}
> >
<Group <AppItem
style={{ url='https://google.com'
display: 'grid', icon='FaGoogle'
gridTemplateColumns: '1fr 1fr 1fr', name='Google'
transition: 'all 0.2s ease', enabled={1}
}} scale={1}
w={'100%'} linksActive={false}
display={'grid'} selectedTheme={selectedTheme}
> />
<AppItem <AppItem
url='https://google.com' url='https://google.com'
icon='FaGoogle' icon='FaGoogle'
name='Google' name='Google'
enabled={1} enabled={1}
scale={1} scale={1}
linksActive={false} linksActive={false}
selectedTheme={selectedTheme} selectedTheme={selectedTheme}
/> />
<AppItem <AppItem
url='https://google.com' url='https://google.com'
icon='FaGoogle' icon='FaGoogle'
name='Google' name='Google'
enabled={1} enabled={1}
scale={1} scale={1}
linksActive={false} linksActive={false}
selectedTheme={selectedTheme} selectedTheme={selectedTheme}
/> />
<AppItem </Group>
url='https://google.com'
icon='FaGoogle'
name='Google'
enabled={1}
scale={1}
linksActive={false}
selectedTheme={selectedTheme}
/>
</Group>
</Stack>
</Stack> </Stack>
<Stack gap={0} w={'100%'}> <Stack gap={0} w={'100%'}>
<Text <Text