@netdata/netdata-ui/dist/components/sidebar/styled.js

netdata UI kit

"use strict";

exports.__esModule = true;
exports.SidebarBox = exports.PortalSidebox = exports.InfoBox = exports.DisabledOverlay = exports.ComponentBox = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _utils = require("../../theme/utils");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
var LEFT = 2;
var RIGHT = -2;
var ComponentBox = exports.ComponentBox = _styledComponents["default"].div.withConfig({
  displayName: "styled__ComponentBox",
  componentId: "sc-gh7act-0"
})(["display:flex;flex-direction:", ";top:0;bottom:0;height:100vh;width:100vw;"], function (_ref) {
  var isRight = _ref.isRight;
  return isRight ? "row-reverse" : "row";
});
var SidebarBox = exports.SidebarBox = _styledComponents["default"].aside.withConfig({
  displayName: "styled__SidebarBox",
  componentId: "sc-gh7act-1"
})(["overflow:hidden;top:0;bottom:0;height:100%;width:50%;"]);
var DisabledOverlay = exports.DisabledOverlay = _styledComponents["default"].aside.withConfig({
  displayName: "styled__DisabledOverlay",
  componentId: "sc-gh7act-2"
})(["position:fixed;top:0;bottom:0;left:0;height:100vh;width:100vw;min-width:100vw;max-width:100vw;background-color:black;opacity:0.3;z-index:15;"]);
var PortalSidebox = exports.PortalSidebox = _styledComponents["default"].aside.withConfig({
  displayName: "styled__PortalSidebox",
  componentId: "sc-gh7act-3"
})(["position:fixed;overflow:hidden;top:0;", ":0;bottom:0;height:100vh;width:50vw;box-shadow:0px ", "px 68px rgba(0,0,0,0.288);"], (0, _utils.propOrElse)(["side"], "left"), (0, _utils.propOrElse)(["shadowSide"], true) ? LEFT : RIGHT);
var InfoBox = exports.InfoBox = _styledComponents["default"].div.withConfig({
  displayName: "styled__InfoBox",
  componentId: "sc-gh7act-4"
})(["display:flex;width:50%;background-color:", ";box-shadow:inset 0px ", "px 68px rgba(0,0,0,0.288);"], (0, _utils.getColor)("primary"), (0, _utils.propOrElse)(["shadowSide"], true) ? LEFT : RIGHT);