@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
20 lines (19 loc) • 1.83 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.MenuButton = exports.ListItems = exports.ListItemText = exports.ListContainer = exports.Layout = void 0;
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
var _styles = require("@mui/material/styles");
var _templateObject, _templateObject2, _templateObject3;
var Layout = exports.Layout = (0, _styles.styled)('div')(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n position: fixed;\n display: block;\n width: 100vw;\n min-height: 100vh;\n left: 0px;\n top: 0px;\n z-index: 1000;\n"])));
var ListContainer = exports.ListContainer = (0, _styles.styled)('div')(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n width: 250px;\n"])));
var ListItemText = exports.ListItemText = (0, _styles.styled)('span')(function (_ref) {
var theme = _ref.theme;
return "\n cursor: pointer;\n font-size: 14px;\n font-weight: 400;\n color: ".concat(theme.palette.primary.main, ";\n");
});
var MenuButton = exports.MenuButton = (0, _styles.styled)('div')(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n width: 100%;\n max-width: 100%;\n display: flex;\n justify-content: flex-end;\n padding: 1rem;\n cursor: pointer;\n & svg:hover {\n box-shadow: rgb(0 0 0 / 9%) 0px 3px 12px;\n }\n"])));
var ListItems = exports.ListItems = (0, _styles.styled)('div')(function () {
return "\n display: flex;\n flex-direction: column;\n width: 100%;\n row-gap: 20px;\n padding: 0px 1rem;\n";
});