diff --git a/src/components/layout/Logo.tsx b/src/components/layout/Logo.tsx index 9cc76fb7e..21a4833d9 100644 --- a/src/components/layout/Logo.tsx +++ b/src/components/layout/Logo.tsx @@ -1,4 +1,5 @@ import { Group, Image, Text } from '@mantine/core'; +import { useScreenLargerThan } from '~/hooks/useScreenLargerThan'; import { useConfigContext } from '../../config/provider'; import { usePrimaryGradient } from './useGradient'; @@ -11,6 +12,7 @@ interface LogoProps { export function Logo({ size = 'md', withoutText = false }: LogoProps) { const { config } = useConfigContext(); const primaryGradient = usePrimaryGradient(); + const largerThanMd = useScreenLargerThan('md'); return ( @@ -20,7 +22,7 @@ export function Logo({ size = 'md', withoutText = false }: LogoProps) { alt="Homarr Logo" className="dashboard-header-logo-image" /> - {withoutText ? null : ( + {withoutText || !largerThanMd ? null : ( { }, }} navbar={ - + { - + This is an experimental feature of Homarr. Please report any issues to the official Homarr team.