Dockery/Homarr
1
0
Fork 0
mirror of https://github.com/ajnart/homarr.git synced 2025-11-09 15:05:48 +01:00
Code Issues Packages Projects Releases Wiki Activity

♿️ Improve management start page

Browse Source
This commit is contained in:
Manuel
2023-07-29 21:58:36 +02:00
parent d13347fd4e
commit 5e873cad3f
1 changed files with 12 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/pages/manage/index.tsx
View File

@@ -12,26 +12,29 @@ import {
import { IconArrowRight } from '@tabler/icons-react'; import { IconArrowRight } from '@tabler/icons-react';
import Image from 'next/image'; import Image from 'next/image';
import { MainLayout } from '~/components/layout/admin/main-admin.layout'; import { MainLayout } from '~/components/layout/admin/main-admin.layout';
import { useScreenLargerThan } from '~/hooks/useScreenLargerThan';
const ManagementPage = () => { const ManagementPage = () => {
const { classes } = useStyles(); const { classes } = useStyles();
const largerThanMd = useScreenLargerThan('md');
return ( return (
<MainLayout> <MainLayout>
<Box className={classes.box} w="100%" h={150} p="xl" mb={50}> <Box className={classes.box} w="100%" mih={150} p="xl" mb={50}>
<Group position="apart"> <Group position="apart" noWrap>
<Stack spacing={15}> <Stack spacing={15}>
<Title className={classes.boxTitle} order={2}> <Title className={classes.boxTitle} order={2}>
Welcome back, Manicraft1001 Welcome back, Manicraft1001
</Title> </Title>
<Text> <Text>Welcome to Your Application Hub. Organize, Optimize, and Conquer!</Text>
Are you ready to organize?
<br />
You currently have 3 dashboards with 39 apps on them.
</Text>
</Stack> </Stack>
<Box bg="blue" w={100} h="100%" pos="relative"> <Box bg="blue" w={100} h="100%" pos="relative">
<Box pos="absolute" bottom={-100} right={0}> <Box
<Image src="/imgs/logo/logo.png" width={200} height={150} alt="" /> pos="absolute"
bottom={largerThanMd ? -100 : undefined}
top={largerThanMd ? undefined : -120}
right={largerThanMd ? 0 : -40}
>
<Image src="/imgs/logo/logo.png" width={largerThanMd ? 200 : 100} height={largerThanMd ? 150 : 60} alt="" />
</Box> </Box>
</Box> </Box>
</Group> </Group>