💄 Remove version from logo and add it in footer

resolves #116
This commit is contained in:
ajnart
2022-05-17 01:01:26 +02:00
parent bb1b3d7d9a
commit d62189f086
2 changed files with 22 additions and 22 deletions

View File

@@ -8,6 +8,7 @@ import {
Footer as FooterComponent,
} from '@mantine/core';
import { BrandGithub } from 'tabler-icons-react';
import { CURRENT_VERSION } from '../../../data/constants';
const useStyles = createStyles((theme) => ({
footer: {
@@ -55,11 +56,26 @@ export function Footer({ links }: FooterCenteredProps) {
));
return (
<FooterComponent p={5} height="auto" style={{ border: 'none', position: 'fixed', bottom: 0, right: 0 }}>
<FooterComponent
p={5}
height="auto"
style={{ border: 'none', position: 'fixed', bottom: 0, right: 0 }}
>
<Group position="right" mr="xs" mb="xs">
<Group spacing={0}>
<ActionIcon<'a'> component="a" href="https://github.com/ajnart/homarr" size="lg">
<BrandGithub size={18} />
</ActionIcon>
<Text
style={{
position: 'relative',
fontSize: '0.90rem',
color: 'gray',
}}
>
{CURRENT_VERSION}
</Text>
</Group>
<Text
style={{
fontSize: '0.90rem',

View File

@@ -1,16 +1,14 @@
import { Group, Image, Text } from '@mantine/core';
import * as React from 'react';
import { CURRENT_VERSION } from '../../../data/constants';
export function Logo({ style }: any) {
return (
<Group>
<Group spacing="xs">
<Image
width={50}
src="/imgs/logo.png"
style={{
position: 'relative',
left: 15,
}}
/>
<Text
@@ -21,20 +19,6 @@ export function Logo({ style }: any) {
>
Homarr
</Text>
<Text
style={{
position: 'relative',
left: -14,
bottom: -2,
color: 'gray',
fontStyle: 'inherit',
fontSize: 'inherit',
alignSelf: 'center',
alignContent: 'center',
}}
>
{CURRENT_VERSION}
</Text>
</Group>
);
}