dm-web-react/build/components/GlobalStyled.js

The DM web client with React.

var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
    return cooked;
};
import { Children } from "react";
import { injectGlobal, withTheme } from "styled-components";
var GlobalStyled = function (_a) {
    var theme = _a.theme, children = _a.children;
    injectGlobal(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  /* scrollbar start */\n  ::-webkit-scrollbar {\n    width: 6px;\n    height: 6px;\n  }\n  ::-webkit-scrollbar-thumb {\n    min-height: 50px;\n    border-radius: 3px;\n  }\n  ::-webkit-scrollbar-track,\n  ::-webkit-scrollbar-track-piece,\n  ::-webkit-scrollbar-button,\n  ::-webkit-scrollbar-corner,\n  ::-webkit-resizer {\n    display: none;\n  }\n  ::-webkit-scrollbar-thumb {\n    background-color: #666;\n  }\n  ::-webkit-scrollbar-thumb:hover {\n    background-color: #999;\n  }\n  /* scrollbar end */\n\n  /* app start */\n  * {\n    font-family: 'Microsoft Yahei';\n  }\n  html,body,#root,.app {\n    height: 100%;\n  }\n  body {\n    margin: 0;\n    padding: 0;\n    background: rgba(128,128, 128, 0.5);\n  }\n  a {\n    color: #5050e8;\n    text-decoration: none;\n  }\n  /* app end */\n\n  /* react-datepicker start */\n  .react-datepicker {\n    .react-datepicker__input-container {\n      input {\n        height: 24px;\n        padding: 0 6px;\n        line-height: 24px;\n        font-size: 12px;\n        border: 1px solid ", ";\n        background: ", ";\n        border-radius: 4px;\n        outline: none;\n      }\n    }\n    .react-datepicker__current-month{\n      display: none;\n    }\n    .react-datepicker__year-read-view--down-arrow,\n    .react-datepicker__month-read-view--down-arrow,\n    .react-datepicker__month-year-read-view--down-arrow {\n      top: 4px;\n    }\n    .react-datepicker__year-read-view,\n    .react-datepicker__month-read-view,\n    .react-datepicker__month-year-read-view {\n      visibility: visible !important;\n    }\n  }\n  /* react-datepicker end */\n\n  /* react-toastify start */\n  .Toastify {\n    .Toastify__toast-container {\n      width: 400px;\n    }\n    .Toastify__toast-container--top-center,\n    .Toastify__toast-container--bottom-center {\n      margin-left: -200px;\n    }\n    .Toastify__toast {\n      min-height: 46px;\n      border-radius: 4px;\n    }\n    .Toastify__toast--success {\n      background: #00CC1B;\n    }\n    .Toastify__toast-body {\n      font-size: 14px;\n      text-align: center;\n    }\n    .Toastify__progress-bar {\n      height: 2px;\n    }\n\n    /* custom start */\n    .Toastify__custom--close-btn-container {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n    .Toastify__custom--close-btn {\n      width: 12px;\n      height: 12px;\n      color: #009914;\n    }\n    .Toastify__toast--error .Toastify__custom--close-btn {\n      color: #fff;\n    }\n    .Toastify__custom--close-btn > svg {\n      vertical-align: top\n    }\n    /* custom end */\n  }\n  /* react-toastify end */\n  "], ["\n  /* scrollbar start */\n  ::-webkit-scrollbar {\n    width: 6px;\n    height: 6px;\n  }\n  ::-webkit-scrollbar-thumb {\n    min-height: 50px;\n    border-radius: 3px;\n  }\n  ::-webkit-scrollbar-track,\n  ::-webkit-scrollbar-track-piece,\n  ::-webkit-scrollbar-button,\n  ::-webkit-scrollbar-corner,\n  ::-webkit-resizer {\n    display: none;\n  }\n  ::-webkit-scrollbar-thumb {\n    background-color: #666;\n  }\n  ::-webkit-scrollbar-thumb:hover {\n    background-color: #999;\n  }\n  /* scrollbar end */\n\n  /* app start */\n  * {\n    font-family: 'Microsoft Yahei';\n  }\n  html,body,#root,.app {\n    height: 100%;\n  }\n  body {\n    margin: 0;\n    padding: 0;\n    background: rgba(128,128, 128, 0.5);\n  }\n  a {\n    color: #5050e8;\n    text-decoration: none;\n  }\n  /* app end */\n\n  /* react-datepicker start */\n  .react-datepicker {\n    .react-datepicker__input-container {\n      input {\n        height: 24px;\n        padding: 0 6px;\n        line-height: 24px;\n        font-size: 12px;\n        border: 1px solid ", ";\n        background: ", ";\n        border-radius: 4px;\n        outline: none;\n      }\n    }\n    .react-datepicker__current-month{\n      display: none;\n    }\n    .react-datepicker__year-read-view--down-arrow,\n    .react-datepicker__month-read-view--down-arrow,\n    .react-datepicker__month-year-read-view--down-arrow {\n      top: 4px;\n    }\n    .react-datepicker__year-read-view,\n    .react-datepicker__month-read-view,\n    .react-datepicker__month-year-read-view {\n      visibility: visible !important;\n    }\n  }\n  /* react-datepicker end */\n\n  /* react-toastify start */\n  .Toastify {\n    .Toastify__toast-container {\n      width: 400px;\n    }\n    .Toastify__toast-container--top-center,\n    .Toastify__toast-container--bottom-center {\n      margin-left: -200px;\n    }\n    .Toastify__toast {\n      min-height: 46px;\n      border-radius: 4px;\n    }\n    .Toastify__toast--success {\n      background: #00CC1B;\n    }\n    .Toastify__toast-body {\n      font-size: 14px;\n      text-align: center;\n    }\n    .Toastify__progress-bar {\n      height: 2px;\n    }\n\n    /* custom start */\n    .Toastify__custom--close-btn-container {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n    .Toastify__custom--close-btn {\n      width: 12px;\n      height: 12px;\n      color: #009914;\n    }\n    .Toastify__toast--error .Toastify__custom--close-btn {\n      color: #fff;\n    }\n    .Toastify__custom--close-btn > svg {\n      vertical-align: top\n    }\n    /* custom end */\n  }\n  /* react-toastify end */\n  "])), theme.input.default_borderColor, theme.input.default_background);
    return Children.only(children);
};
export default withTheme(GlobalStyled);
var templateObject_1;
//# sourceMappingURL=GlobalStyled.js.map