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

🍱 Update logo and favicon

Browse Source
This commit is contained in:
Thomas "ajnart" Camlong
2022-05-15 12:42:53 +02:00
parent b1cec402c3
commit 027ac94e80
3 changed files with 18 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
public/favicon.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

17
src/components/layout/Logo.tsx
View File

@@ -1,10 +1,18 @@
import { Group, 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'; import { CURRENT_VERSION } from '../../../data/constants';
export function Logo({ style }: any) { export function Logo({ style }: any) {
return ( return (
<Group> <Group>
<Image
width={50}
src="/imgs/logo.png"
style={{
position: 'relative',
left: 15,
}}
/>
<Text <Text
sx={style} sx={style}
weight="bold" weight="bold"
@@ -15,11 +23,14 @@ export function Logo({ style }: any) {
</Text> </Text>
<Text <Text
style={{ style={{
position: 'relative',
left: -14,
bottom: -2,
color: 'gray', color: 'gray',
fontStyle: 'inherit', fontStyle: 'inherit',
fontSize: 'inherit', fontSize: 'inherit',
alignSelf: 'end', alignSelf: 'center',
alignContent: 'start', alignContent: 'center',
}} }}
> >
{CURRENT_VERSION} {CURRENT_VERSION}

4
src/pages/_app.tsx
View File

@@ -5,6 +5,7 @@ import { getCookie, setCookies } from 'cookies-next';
import Head from 'next/head'; import Head from 'next/head';
import { MantineProvider, ColorScheme, ColorSchemeProvider } from '@mantine/core'; import { MantineProvider, ColorScheme, ColorSchemeProvider } from '@mantine/core';
import { NotificationsProvider } from '@mantine/notifications'; import { NotificationsProvider } from '@mantine/notifications';
import { useHotkeys } from '@mantine/hooks';
import Layout from '../components/layout/Layout'; import Layout from '../components/layout/Layout';
import { ConfigProvider } from '../tools/state'; import { ConfigProvider } from '../tools/state';
import { theme } from '../tools/theme'; import { theme } from '../tools/theme';
@@ -18,13 +19,14 @@ export default function App(props: AppProps & { colorScheme: ColorScheme }) {
setColorScheme(nextColorScheme); setColorScheme(nextColorScheme);
setCookies('color-scheme', nextColorScheme, { maxAge: 60 * 60 * 24 * 30 }); setCookies('color-scheme', nextColorScheme, { maxAge: 60 * 60 * 24 * 30 });
}; };
useHotkeys([['mod+J', () => toggleColorScheme()]]);
return ( return (
<> <>
<Head> <Head>
<title>Homarr - A homepage for your server!</title> <title>Homarr - A homepage for your server!</title>
<meta name="viewport" content="minimum-scale=1, initial-scale=1, width=device-width" /> <meta name="viewport" content="minimum-scale=1, initial-scale=1, width=device-width" />
<link rel="shortcut icon" href="/favicon.png" /> <link rel="shortcut icon" href="/favicon.svg" />
</Head> </Head>
<ColorSchemeProvider colorScheme={colorScheme} toggleColorScheme={toggleColorScheme}> <ColorSchemeProvider colorScheme={colorScheme} toggleColorScheme={toggleColorScheme}>