mirror of
https://github.com/ajnart/homarr.git
synced 2025-11-09 23:15:46 +01:00
@@ -8,6 +8,7 @@ import {
|
|||||||
Footer as FooterComponent,
|
Footer as FooterComponent,
|
||||||
} from '@mantine/core';
|
} from '@mantine/core';
|
||||||
import { BrandGithub } from 'tabler-icons-react';
|
import { BrandGithub } from 'tabler-icons-react';
|
||||||
|
import { CURRENT_VERSION } from '../../../data/constants';
|
||||||
|
|
||||||
const useStyles = createStyles((theme) => ({
|
const useStyles = createStyles((theme) => ({
|
||||||
footer: {
|
footer: {
|
||||||
@@ -55,11 +56,26 @@ export function Footer({ links }: FooterCenteredProps) {
|
|||||||
));
|
));
|
||||||
|
|
||||||
return (
|
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 position="right" mr="xs" mb="xs">
|
||||||
|
<Group spacing={0}>
|
||||||
<ActionIcon<'a'> component="a" href="https://github.com/ajnart/homarr" size="lg">
|
<ActionIcon<'a'> component="a" href="https://github.com/ajnart/homarr" size="lg">
|
||||||
<BrandGithub size={18} />
|
<BrandGithub size={18} />
|
||||||
</ActionIcon>
|
</ActionIcon>
|
||||||
|
<Text
|
||||||
|
style={{
|
||||||
|
position: 'relative',
|
||||||
|
fontSize: '0.90rem',
|
||||||
|
color: 'gray',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{CURRENT_VERSION}
|
||||||
|
</Text>
|
||||||
|
</Group>
|
||||||
<Text
|
<Text
|
||||||
style={{
|
style={{
|
||||||
fontSize: '0.90rem',
|
fontSize: '0.90rem',
|
||||||
|
|||||||
@@ -1,16 +1,14 @@
|
|||||||
import { Group, Image, Text } from '@mantine/core';
|
import { Group, Image, Text } from '@mantine/core';
|
||||||
import * as React from 'react';
|
import * as React from 'react';
|
||||||
import { CURRENT_VERSION } from '../../../data/constants';
|
|
||||||
|
|
||||||
export function Logo({ style }: any) {
|
export function Logo({ style }: any) {
|
||||||
return (
|
return (
|
||||||
<Group>
|
<Group spacing="xs">
|
||||||
<Image
|
<Image
|
||||||
width={50}
|
width={50}
|
||||||
src="/imgs/logo.png"
|
src="/imgs/logo.png"
|
||||||
style={{
|
style={{
|
||||||
position: 'relative',
|
position: 'relative',
|
||||||
left: 15,
|
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
<Text
|
<Text
|
||||||
@@ -21,20 +19,6 @@ export function Logo({ style }: any) {
|
|||||||
>
|
>
|
||||||
Homarr
|
Homarr
|
||||||
</Text>
|
</Text>
|
||||||
<Text
|
|
||||||
style={{
|
|
||||||
position: 'relative',
|
|
||||||
left: -14,
|
|
||||||
bottom: -2,
|
|
||||||
color: 'gray',
|
|
||||||
fontStyle: 'inherit',
|
|
||||||
fontSize: 'inherit',
|
|
||||||
alignSelf: 'center',
|
|
||||||
alignContent: 'center',
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
{CURRENT_VERSION}
|
|
||||||
</Text>
|
|
||||||
</Group>
|
</Group>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user