@wulperstudio/cms/modern/layouts/Settings/styled.js

Wulper Studio Library Components CMS

import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
import { Box, Drawer, styled } from '@mui/material';
export var RootAddProject = styled('div')({
  width: '100%',
  height: '100vh',
  overflow: 'auto'
});
export var Root = styled(Box)(function (_ref) {
  var theme = _ref.theme;
  return _defineProperty({
    minHeight: '100vh',
    overflow: 'unset',
    display: 'block'
  }, theme.breakpoints.up('md'), {
    position: 'unset',
    display: 'grid',
    gridTemplateColumns: '1fr 1fr',
    gridTemplateRows: 'auto 1fr',
    gridTemplateAreas: "\n    \"header header\"\n    \"menu content\"\n  "
  });
});
export var RootContent = styled('div')(function (_ref3) {
  var theme = _ref3.theme;
  return _defineProperty({
    display: 'grid',
    height: 'auto',
    gap: '0px 15px',
    maxWidth: 910,
    margin: '0 auto',
    paddingLeft: '0px',
    gridTemplateColumns: '1fr'
  }, theme.breakpoints.up('md'), {
    paddingLeft: '10px',
    justifyContent: 'unset',
    gridTemplateColumns: 'auto 1fr'
  });
});
export var DrawerProject = styled(Drawer)(function (_ref5) {
  var theme = _ref5.theme;
  return {
    backgroundColor: theme.palette.background.paper
  };
});
export var WrapperSwitch = styled('div')(function () {
  return {
    display: 'flex',
    flexWrap: 'nowrap',
    alignItems: 'center',
    justifyContent: 'space-between',
    padding: '12px',
    borderRadius: '15px'
  };
});

/** Styles Layout */

export var Header = styled(Box)(function (_ref6) {
  var theme = _ref6.theme;
  return _defineProperty({
    gridArea: 'unset',
    position: 'sticky',
    top: 0
  }, theme.breakpoints.up('md'), {
    gridArea: 'header',
    position: 'unset'
  });
});
export var Menu = styled(Box)(function (_ref8) {
  var theme = _ref8.theme;
  return _defineProperty({
    gridArea: 'unset'
  }, theme.breakpoints.up('md'), {
    gridArea: 'menu'
  });
});
export var Content = styled(Box, {
  shouldForwardProp: function shouldForwardProp(prop) {
    return prop !== 'isOpen';
  }
})(function (_ref10) {
  var isOpen = _ref10.isOpen,
    theme = _ref10.theme;
  return Object.assign({
    gridArea: 'unset'
  }, isOpen && {
    overflow: 'unset'
  }, _defineProperty({}, theme.breakpoints.up('md'), {
    gridArea: 'content'
  }));
});