moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'logo-fix' into 'develop' 

SiteLogo: never, under any circumstances, squish the logo

See merge request soapbox-pub/soapbox-fe!1389
This commit is contained in:
Alex Gleason 2022-05-16 13:06:03 +00:00
parent 379fb61cd4 2a12e29235
commit a3535219e7
1 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
app/soapbox/components/site-logo.tsx
View File

@ -1,9 +1,15 @@
import classNames from 'classnames';
import React from 'react'; import React from 'react';
import { useSoapboxConfig, useSettings, useSystemTheme } from 'soapbox/hooks'; import { useSoapboxConfig, useSettings, useSystemTheme } from 'soapbox/hooks';
interface ISiteLogo extends React.ComponentProps<'img'> {
/** Extra class names for the <img> element. */
className?: string,
}
/** Display the most appropriate site logo based on the theme and configuration. */ /** Display the most appropriate site logo based on the theme and configuration. */
const SiteLogo: React.FC<React.ComponentProps<'img'>> = (props) => { const SiteLogo: React.FC<ISiteLogo> = ({ className, ...rest }) => {
const { logo, logoDarkMode } = useSoapboxConfig(); const { logo, logoDarkMode } = useSoapboxConfig();
const settings = useSettings(); const settings = useSettings();
@ -28,7 +34,11 @@ const SiteLogo: React.FC<React.ComponentProps<'img'>> = (props) => {
return ( return (
// eslint-disable-next-line jsx-a11y/alt-text // eslint-disable-next-line jsx-a11y/alt-text
<img src={getSrc()} {...props} /> <img
className={classNames('object-contain', className)}
src={getSrc()}
{...rest}
/>
); );
}; };