groot/automatisch
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(custom-logo): constraint svg logo dimensions (#1243)

Browse Source
This commit is contained in:
Rıdvan Akca
2023-08-25 22:43:53 +03:00
committed by GitHub
parent a3b3038709
commit 823d85b24a
2 changed files with 10 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
packages/web/src/components/CustomLogo/index.ee.tsx
View File

@@ -1,4 +1,5 @@
import useConfig from 'hooks/useConfig'; import useConfig from 'hooks/useConfig';
import { LogoImage } from './style.ee';
const CustomLogo = () => { const CustomLogo = () => {
const { config, loading } = useConfig(['logo.svgData']); const { config, loading } = useConfig(['logo.svgData']);
@@ -8,7 +9,7 @@ const CustomLogo = () => {
const logoSvgData = config['logo.svgData'] as string; const logoSvgData = config['logo.svgData'] as string;
return ( return (
<img <LogoImage
data-test="custom-logo" data-test="custom-logo"
src={`data:image/svg+xml;utf8,${encodeURIComponent(logoSvgData)}`} src={`data:image/svg+xml;utf8,${encodeURIComponent(logoSvgData)}`}
/> />

8
packages/web/src/components/CustomLogo/style.ee.ts Normal file
View File

@@ -0,0 +1,8 @@
import styled from '@emotion/styled';
export const LogoImage = styled('img')(() => ({
maxWidth: 200,
maxHeight: 50,
width: '100%',
height: 'auto',
}));