This commit is contained in:
@@ -1,4 +1,4 @@
|
||||
import { Box, Grid, Stack } from '@mantine/core';
|
||||
import { Box, Stack } from '@mantine/core';
|
||||
import { useDisclosure } from '@mantine/hooks';
|
||||
import { useCommonHooks, useOpenMeteoAPI, useOSMAPI, useQueryAPI } from 'hooks';
|
||||
import { useEffect, useState } from 'react';
|
||||
@@ -117,9 +117,9 @@ export function Homepage() {
|
||||
<Box h={'100%'} w={'100%'}>
|
||||
<Stack align='center'>
|
||||
<LargeHeader greet={displayedGreeting} date={date} />
|
||||
<Grid grow columns={24} pos={'absolute'} bottom={'1rem'}>
|
||||
<Box w={'860px'} pos={'absolute'} bottom={'1rem'}>
|
||||
{meteoCurrent && <CurrentWeather current={meteoCurrent} />}
|
||||
</Grid>
|
||||
</Box>
|
||||
</Stack>
|
||||
<Search
|
||||
current={meteoCurrent}
|
||||
|
||||
@@ -87,60 +87,43 @@ export function ThemeModalContent({ selectedTheme }: { selectedTheme: Theme }) {
|
||||
>
|
||||
Applications
|
||||
</Text>
|
||||
<Stack
|
||||
<Group
|
||||
style={{
|
||||
gap: '.25rem',
|
||||
backgroundSize: 'cover',
|
||||
borderBottom: '0px solid',
|
||||
display: 'flex',
|
||||
gridColumnGap: '5px',
|
||||
gridRowGap: '5px',
|
||||
display: 'grid',
|
||||
gridTemplateColumns: '1fr 1fr 1fr',
|
||||
gridTemplateRows: '64px',
|
||||
padding: 0,
|
||||
justifyContent: 'center',
|
||||
alignContent: 'center',
|
||||
transition: 'all 0.2s ease',
|
||||
}}
|
||||
w={'100%'}
|
||||
display={'grid'}
|
||||
>
|
||||
<Group
|
||||
style={{
|
||||
display: 'grid',
|
||||
gridTemplateColumns: '1fr 1fr 1fr',
|
||||
transition: 'all 0.2s ease',
|
||||
}}
|
||||
w={'100%'}
|
||||
display={'grid'}
|
||||
>
|
||||
<AppItem
|
||||
url='https://google.com'
|
||||
icon='FaGoogle'
|
||||
name='Google'
|
||||
enabled={1}
|
||||
scale={1}
|
||||
linksActive={false}
|
||||
selectedTheme={selectedTheme}
|
||||
/>
|
||||
<AppItem
|
||||
url='https://google.com'
|
||||
icon='FaGoogle'
|
||||
name='Google'
|
||||
enabled={1}
|
||||
scale={1}
|
||||
linksActive={false}
|
||||
selectedTheme={selectedTheme}
|
||||
/>
|
||||
<AppItem
|
||||
url='https://google.com'
|
||||
icon='FaGoogle'
|
||||
name='Google'
|
||||
enabled={1}
|
||||
scale={1}
|
||||
linksActive={false}
|
||||
selectedTheme={selectedTheme}
|
||||
/>
|
||||
</Group>
|
||||
</Stack>
|
||||
<AppItem
|
||||
url='https://google.com'
|
||||
icon='FaGoogle'
|
||||
name='Google'
|
||||
enabled={1}
|
||||
scale={1}
|
||||
linksActive={false}
|
||||
selectedTheme={selectedTheme}
|
||||
/>
|
||||
<AppItem
|
||||
url='https://google.com'
|
||||
icon='FaGoogle'
|
||||
name='Google'
|
||||
enabled={1}
|
||||
scale={1}
|
||||
linksActive={false}
|
||||
selectedTheme={selectedTheme}
|
||||
/>
|
||||
<AppItem
|
||||
url='https://google.com'
|
||||
icon='FaGoogle'
|
||||
name='Google'
|
||||
enabled={1}
|
||||
scale={1}
|
||||
linksActive={false}
|
||||
selectedTheme={selectedTheme}
|
||||
/>
|
||||
</Group>
|
||||
</Stack>
|
||||
<Stack gap={0} w={'100%'}>
|
||||
<Text
|
||||
|
||||
Reference in New Issue
Block a user