components.layout.common.LogoContainer.js Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of gears-frontend Show documentation

GEARS Frontend

There is a newer version: 0.80.3

import { useMediaQuery } from '@mui/material';
import { styled }        from '@mui/material/styles';

const LogoContainer = styled('div')(({theme}) => {
  const large        = useMediaQuery(theme => theme.breakpoints.up('lg'));
  const largePadding = theme.components.toolbar.paddingRight
  const smallPadding = `${parseInt(largePadding) - 5}px`
  const paddingLeft  = large ? largePadding : smallPadding

  return {
      height     : theme.components.banner.height,
      minWidth   : theme.components.sidebar.width,
      paddingLeft: paddingLeft,
      overflow   : 'hidden',
      display    : 'flex',
      alignItems : 'center',
    }
  }
);

export default LogoContainer