@wulperstudio/cms/organisms/MenuSettings/styled.js

Wulper Studio Library Components CMS

import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
import { styled } from '@mui/material';
export var Box = styled('div', {
  shouldForwardProp: function shouldForwardProp(props) {
    return props !== 'showShadow' && props !== 'backgroundColor' && props !== 'padding' && props !== 'drawerMode';
  }
})(function (_ref) {
  var padding = _ref.padding,
    backgroundColor = _ref.backgroundColor;
  return {
    backgroundColor: backgroundColor || '#fff',
    display: 'flex',
    flexDirection: 'column',
    maxWidth: '100%',
    width: '100%',
    padding: padding || '0px 20px 30px 80px',
    height: '100%',
    overflow: 'unset',
    rowGap: '15px',
    zIndex: 100
  };
});
export var Header = styled('header')(function (_ref2) {
  var theme = _ref2.theme;
  return _defineProperty({
    width: '100%',
    padding: 0,
    marginBottom: '1rem',
    position: 'relative'
  }, theme.breakpoints.down(900), {
    display: 'flex',
    justifyContent: 'center'
  });
});
export var BoxAvatar = styled('div')(function () {
  return {
    width: '120px',
    height: '120px',
    backgroundColor: '#FFD6DC',
    borderRadius: '50%'
  };
});