From 4045628166fa78df7d5cf8344ffb76e268288a5d Mon Sep 17 00:00:00 2001 From: Walkx Date: Sun, 15 May 2022 21:15:48 +0200 Subject: [PATCH 01/36] =?UTF-8?q?=F0=9F=94=A5=20Remove=20this=20random=20h?= =?UTF-8?q?ref?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 2 -- 1 file changed, 2 deletions(-) diff --git a/README.md b/README.md index 5433cbded..f92a99571 100644 --- a/README.md +++ b/README.md @@ -9,9 +9,7 @@ Docker Pulls

- -

A homepage for your server. From c5178ee288148482de0fb29ee1f9420d25bd895a Mon Sep 17 00:00:00 2001 From: Aj - Thomas Date: Sun, 15 May 2022 22:55:02 +0200 Subject: [PATCH 02/36] =?UTF-8?q?=F0=9F=92=84=20Styling=20and=20responsive?= =?UTF-8?q?ness?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Walkx --- src/components/AppShelf/AppShelf.tsx | 72 ++++++++++++-------------- src/components/SearchBar/SearchBar.tsx | 5 +- src/components/layout/Footer.tsx | 24 +++------ src/components/layout/Layout.tsx | 5 -- src/components/layout/Navbar.tsx | 2 +- src/pages/index.tsx | 6 +-- 6 files changed, 45 insertions(+), 69 deletions(-) diff --git a/src/components/AppShelf/AppShelf.tsx b/src/components/AppShelf/AppShelf.tsx index d76413811..2da45d5ea 100644 --- a/src/components/AppShelf/AppShelf.tsx +++ b/src/components/AppShelf/AppShelf.tsx @@ -1,6 +1,6 @@ import React, { useState } from 'react'; import { motion } from 'framer-motion'; -import { Text, AspectRatio, SimpleGrid, Card, Image, useMantineTheme } from '@mantine/core'; +import { Text, AspectRatio, Card, Image, useMantineTheme, Center, Grid } from '@mantine/core'; import { useConfig } from '../../tools/state'; import { serviceItem } from '../../tools/types'; import AppShelfMenu from './AppShelfMenu'; @@ -9,22 +9,13 @@ const AppShelf = () => { const { config } = useConfig(); return ( - + {config.services.map((service) => ( - + + + ))} - + ); }; @@ -68,34 +59,35 @@ export function AppShelfItem(props: any) { - - - + + - { - window.open(service.url); - }} - src={service.icon} - /> - - - + > + { + window.open(service.url); + }} + /> + + + + ); diff --git a/src/components/SearchBar/SearchBar.tsx b/src/components/SearchBar/SearchBar.tsx index 7a40ea4c0..7236b7d86 100644 --- a/src/components/SearchBar/SearchBar.tsx +++ b/src/components/SearchBar/SearchBar.tsx @@ -22,7 +22,7 @@ export default function SearchBar(props: any) { return ( - tip: Use the prefixes !yt and !t in front of your query to search on YouTube or for a Torrent respectively. + tip: Use the prefixes !yt and !t in front of your query to search on + YouTube or for a Torrent respectively. diff --git a/src/components/layout/Footer.tsx b/src/components/layout/Footer.tsx index b89fb2fcb..697f02123 100644 --- a/src/components/layout/Footer.tsx +++ b/src/components/layout/Footer.tsx @@ -54,24 +54,12 @@ export function Footer({ links }: FooterCenteredProps) { )); - return ( - - - {items} - - component="a" href="https://github.com/ajnart/homarr" size="lg"> - - - + return ( + + + component="a" href="https://github.com/ajnart/homarr" size="lg"> + + ({ main: { - [theme.fn.largerThan('md')]: { - maxWidth: 1500, - }, }, })); @@ -21,7 +18,6 @@ export default function Layout({ children, style }: any) { header={

} footer={