Dockery/Homarr
1
0
Fork 0
mirror of https://github.com/ajnart/homarr.git synced 2025-11-06 21:45:47 +01:00
Code Issues Packages Projects Releases Wiki Activity

Update header styling

Browse Source
This commit is contained in:
Aj - Thomas
2022-05-16 14:34:01 +02:00
committed by ajnart
parent d3bd894c2a
commit 20a37b678f
1 changed files with 3 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/layout/Header.tsx
View File

@@ -1,9 +1,5 @@
import React from 'react'; import React from 'react';
import { import { createStyles, Header as Head, Group } from '@mantine/core';
createStyles,
Header as Head,
Group,
} from '@mantine/core';
import { NextLink } from '@mantine/next'; import { NextLink } from '@mantine/next';
import { Logo } from './Logo'; import { Logo } from './Logo';
import { SettingsMenuButton } from '../Settings/SettingsMenu'; import { SettingsMenuButton } from '../Settings/SettingsMenu';
@@ -40,7 +36,7 @@ const useStyles = createStyles((theme) => ({
}, },
links: { links: {
[theme.fn.smallerThan('md')]: { [theme.fn.smallerThan('xs')]: {
display: 'none', display: 'none',
}, },
}, },
@@ -92,9 +88,7 @@ export function Header(props: any) {
return ( return (
<Head height={HEADER_HEIGHT}> <Head height={HEADER_HEIGHT}>
<Group direction="row" align="center" position="apart" className={classes.header} mx="xl"> <Group direction="row" align="center" position="apart" className={classes.header} mx="xl">
<NextLink style={{ textDecoration: 'none' }} href="/">
<Logo style={{ fontSize: 22 }} /> <Logo style={{ fontSize: 22 }} />
</NextLink>
<Group> <Group>
<SearchBar /> <SearchBar />
<SettingsMenuButton /> <SettingsMenuButton />