diff --git a/frontend/src/js/header/Header.tsx b/frontend/src/js/header/Header.tsx index 6fbaa852d9..ff4387ad59 100644 --- a/frontend/src/js/header/Header.tsx +++ b/frontend/src/js/header/Header.tsx @@ -1,5 +1,4 @@ import styled from "@emotion/styled"; -import { FC } from "react"; import { useTranslation } from "react-i18next"; import { useSelector } from "react-redux"; @@ -8,6 +7,7 @@ import { HistoryButton } from "../button/HistoryButton"; import DatasetSelector from "../dataset/DatasetSelector"; import { canViewEntityPreview, useHideLogoutButton } from "../user/selectors"; +import { useTheme } from "@emotion/react"; import { HelpMenu } from "./HelpMenu"; import LogoutButton from "./LogoutButton"; @@ -51,7 +51,6 @@ const Spacer = styled("span")` const Logo = styled("div")` height: 40px; width: ${({ theme }) => theme.img.logoWidth}; - background-image: url(${({ theme }) => theme.img.logo}); background-repeat: no-repeat; background-position-y: 50%; background-size: ${({ theme }) => theme.img.logoBackgroundSize}; @@ -68,7 +67,7 @@ const Headline = styled("h1")` color: ${({ theme }) => theme.col.blueGrayDark}; `; -const Header: FC = () => { +const Header = () => { const { t } = useTranslation(); const canViewHistory = useSelector(canViewEntityPreview); const hideLogoutButton = useHideLogoutButton(); @@ -77,10 +76,17 @@ const Header: FC = () => { StateT["startup"]["config"] >((state) => state.startup.config); + const theme = useTheme(); + const logo = theme.img.logo; + return ( - + {t("headline")} diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts index a32be845f6..267ddde100 100644 --- a/frontend/vite.config.ts +++ b/frontend/vite.config.ts @@ -8,6 +8,7 @@ export default defineConfig({ build: { sourcemap: true, minify: "terser", + assetsInlineLimit: 0, }, envPrefix: "REACT_APP_", plugins: [