🐛 Logo has no height and object-fit is not contain #1581 (#1584)

2023-11-11 15:34:50 +01:00
parent 6753eeb822
commit 351aa47e47
1 changed files with 6 additions and 0 deletions
--- a/src/components/layout/Common/Logo.tsx
+++ b/src/components/layout/Common/Logo.tsx
@@ -18,6 +18,12 @@ export function Logo({ size = 'md', withoutText = false }: LogoProps) {
    <Group spacing={size === 'md' ? 'xs' : 4} noWrap>
      <Image
        width={size === 'md' ? 50 : 12}
+        height={size === 'md' ? 50 : 12}
+        styles={{
+          image: {
+            objectFit: 'contain !important' as 'contain',
+          },
+        }}
        src={config?.settings.customization.logoImageUrl || '/imgs/logo/logo-color.svg'}
        alt="Homarr Logo"
        className="dashboard-header-logo-image"