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

Wulper Studio Library Components CMS

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.WrapperSwitch = exports.RootContent = exports.RootAddProject = exports.Root = exports.Menu = exports.Header = exports.DrawerProject = exports.Content = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _material = require("@mui/material");
var RootAddProject = exports.RootAddProject = (0, _material.styled)('div')({
  width: '100%',
  height: '100vh',
  overflow: 'auto'
});
var Root = exports.Root = (0, _material.styled)(_material.Box)(function (_ref) {
  var theme = _ref.theme;
  return (0, _defineProperty2["default"])({
    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  "
  });
});
var RootContent = exports.RootContent = (0, _material.styled)('div')(function (_ref3) {
  var theme = _ref3.theme;
  return (0, _defineProperty2["default"])({
    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'
  });
});
var DrawerProject = exports.DrawerProject = (0, _material.styled)(_material.Drawer)(function (_ref5) {
  var theme = _ref5.theme;
  return {
    backgroundColor: theme.palette.background.paper
  };
});
var WrapperSwitch = exports.WrapperSwitch = (0, _material.styled)('div')(function () {
  return {
    display: 'flex',
    flexWrap: 'nowrap',
    alignItems: 'center',
    justifyContent: 'space-between',
    padding: '12px',
    borderRadius: '15px'
  };
});

/** Styles Layout */

var Header = exports.Header = (0, _material.styled)(_material.Box)(function (_ref6) {
  var theme = _ref6.theme;
  return (0, _defineProperty2["default"])({
    gridArea: 'unset',
    position: 'sticky',
    top: 0
  }, theme.breakpoints.up('md'), {
    gridArea: 'header',
    position: 'unset'
  });
});
var Menu = exports.Menu = (0, _material.styled)(_material.Box)(function (_ref8) {
  var theme = _ref8.theme;
  return (0, _defineProperty2["default"])({
    gridArea: 'unset'
  }, theme.breakpoints.up('md'), {
    gridArea: 'menu'
  });
});
var Content = exports.Content = (0, _material.styled)(_material.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'
  }, (0, _defineProperty2["default"])({}, theme.breakpoints.up('md'), {
    gridArea: 'content'
  }));
});