Disroot/Mangane
5
0
Fork 0
Code Issues Pull requests Projects Releases 2 Packages Wiki Activity

Merge branch 'logo-fix' into 'develop'

Browse source 
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
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 { 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. */
const SiteLogo: React.FC<React.ComponentProps<'img'>> = (props) => {
const SiteLogo: React.FC<ISiteLogo> = ({ className, ...rest }) => {
const { logo, logoDarkMode } = useSoapboxConfig();
const settings = useSettings();
@ -28,7 +34,11 @@ const SiteLogo: React.FC<React.ComponentProps<'img'>> = (props) => {
return (
// eslint-disable-next-line jsx-a11y/alt-text
<img src={getSrc()} {...props} />
<img
className={classNames('object-contain', className)}
src={getSrc()}
{...rest}
/>
);
};