DriverShiftPage.style.ts

import { makeStyles } from '@material-ui/core/styles';

export const driverShiftStyle = makeStyles(() => ({
  root: {
    minHeight: '36vh',
    backgroundImage: `url(${'/assets/bgMED.svg'})`,
    backgroundRepeat: 'no-repeat',
    backgroundSize: 'cover',
  },
  rightAlign: {
    marginLeft: 'auto',
  },
  whiteText: {
    color: 'white',
  },
  imageIcon: {
    maxHeight: '50%',
  },
  paddingBottom: {
    paddingBottom: '65px',
  },
  paddingBottomKlein: {
    paddingBottom: '15px',
  },
  paddingTop: {
    paddingTop: '65px',
  },
  paddingTopKlein: {
    paddingTop: '35px',
  },
  bodyIcon: {
    fontSize: '90px',
    paddingBottom: '10px',
    paddingTop: '10px',
  },
  contIcon: {
    width: '100%',
    left: '0',
    right: '0',
  },
  noShadow: {
    border: 'none',
    boxShadow: 'none',
    backgroundColor: 'transparent',
  },
  extendedIcon: {
    fontSize: '50px',
  },
  fab: {
    margin: '5vw',
    bottom: '0',
    right: '0',
    position: 'fixed',
    fontSize: '2em',
    padding: '1.5em',
  },
}));