34 lines
697 B
TypeScript
34 lines
697 B
TypeScript
import { Group, Image, Text } from '@mantine/core';
|
|
import { NextLink } from '@mantine/next';
|
|
import * as React from 'react';
|
|
|
|
export function Logo({ style }: any) {
|
|
return (
|
|
<Group spacing="xs">
|
|
<Image
|
|
width={50}
|
|
src="/imgs/logo.png"
|
|
style={{
|
|
position: 'relative',
|
|
}}
|
|
/>
|
|
<NextLink
|
|
style={{
|
|
textDecoration: 'none',
|
|
position: 'relative',
|
|
}}
|
|
href="/"
|
|
>
|
|
<Text
|
|
sx={style}
|
|
weight="bold"
|
|
variant="gradient"
|
|
gradient={{ from: 'red', to: 'orange', deg: 145 }}
|
|
>
|
|
Homarr
|
|
</Text>
|
|
</NextLink>
|
|
</Group>
|
|
);
|
|
}
|