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 { 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}
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
Reference in New Issue
Block a user