From f7ab929bcba85fa88ae340198f910f9bb58804a4 Mon Sep 17 00:00:00 2001
From: Meier Lukas <meierschlumpf@gmail.com>
Date: Wed, 15 Nov 2023 06:44:07 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Link=20to=20definition=20of=20sc?=
 =?UTF-8?q?reen=20sized=20for=20edit=20mode=20notification=20wrong?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../layout/Templates/BoardLayout.tsx           | 18 +++++-------------
 1 file changed, 5 insertions(+), 13 deletions(-)

diff --git a/src/components/layout/Templates/BoardLayout.tsx b/src/components/layout/Templates/BoardLayout.tsx
index a8bc1439f..3e82ea775 100644
--- a/src/components/layout/Templates/BoardLayout.tsx
+++ b/src/components/layout/Templates/BoardLayout.tsx
@@ -2,17 +2,13 @@ import { Button, Global, Text, Title, Tooltip, clsx } from '@mantine/core';
 import { useHotkeys, useWindowEvent } from '@mantine/hooks';
 import { openContextModal } from '@mantine/modals';
 import { hideNotification, showNotification } from '@mantine/notifications';
-import {
-  IconApps,
-  IconEditCircle,
-  IconEditCircleOff,
-  IconSettings
-} from '@tabler/icons-react';
+import { IconApps, IconEditCircle, IconEditCircleOff, IconSettings } from '@tabler/icons-react';
 import Consola from 'consola';
 import { useSession } from 'next-auth/react';
 import { Trans, useTranslation } from 'next-i18next';
 import Link from 'next/link';
 import { useRouter } from 'next/router';
+import { env } from 'process';
 import { useEditModeStore } from '~/components/Dashboard/Views/useEditModeStore';
 import { useNamedWrapperColumnCount } from '~/components/Dashboard/Wrappers/gridstack/store';
 import { BoardHeadOverride } from '~/components/layout/Meta/BoardHeadOverride';
@@ -20,7 +16,6 @@ import { HeaderActionButton } from '~/components/layout/header/ActionButton';
 import { useConfigContext } from '~/config/provider';
 import { api } from '~/utils/api';
 
-import { env } from 'process';
 import { MainLayout } from './MainLayout';
 
 type BoardLayoutProps = {
@@ -32,10 +27,7 @@ export const BoardLayout = ({ children }: BoardLayoutProps) => {
   const { data: session } = useSession();
 
   return (
-    <MainLayout
-      autoFocusSearch={session?.user.autoFocusSearch}
-      headerActions={<HeaderActions />}
-    >
+    <MainLayout autoFocusSearch={session?.user.autoFocusSearch} headerActions={<HeaderActions />}>
       <BoardHeadOverride />
       <BackgroundImage />
       {children}
@@ -135,7 +127,7 @@ const ToggleEditModeButton = () => {
                 <Text
                   component="a"
                   style={{ color: 'inherit', textDecoration: 'underline' }}
-                  href="https://homarr.dev/docs/customizations/layout"
+                  href="https://homarr.dev/docs/customizations/board-customization#screen-sizes"
                   target="_blank"
                 />
               ),
@@ -205,7 +197,7 @@ const BackgroundImage = () => {
           backgroundPosition: 'center center',
           backgroundSize: config?.settings.customization.backgroundImageSize ?? 'cover',
           backgroundRepeat: config?.settings.customization.backgroundImageRepeat ?? 'no-repeat',
-          backgroundAttachment: config?.settings.customization.backgroundImageAttachment ?? 'fixed'
+          backgroundAttachment: config?.settings.customization.backgroundImageAttachment ?? 'fixed',
         },
       }}
     />