infinity-forge/dist/system/components/data/chat/styles.js

codie Library

"use strict";
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
    return cooked;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Chat = void 0;
var styled_components_1 = __importDefault(require("styled-components"));
exports.Chat = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  border-radius: 5px;\n  background-color: #f2f2f2;\n  overflow: hidden;\n\n  .conntent_form_infinity_forge {\n    width: 100%;\n  }\n\n  .top_chat {\n    height: 47px;\n    text-align: center;\n    padding-top: 15px;\n    border-bottom: solid 1px #e1e1e1;\n\n    h3 {\n      font-size: 18px;\n      font-weight: 700;\n      margin-bottom: 0;\n    }\n  }\n\n  .content_chat {\n    padding: 5px 5px 20px 20px;\n\n    > div:first-child {\n      margin-top: 0;\n    }\n\n    .chat {\n      height: 380px;\n      overflow-y: auto;\n      padding-right: 4px;\n      padding-bottom: 0;\n      margin-bottom: 10px;\n\n      .conntent_form_infinity_forge {\n        width: 100%;\n      }\n\n      .no-message {\n        color: #828282;\n        text-align: center;\n        height: 100%;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        max-height: 326px;\n        margin: auto 0;\n        position: relative;\n        top: 50%;\n        transform: translateY(-50%);\n\n        .icon {\n          width: 60px;\n          display: flex;\n          margin: 0 auto 16px;\n\n          svg {\n            width: 100%;\n            height: auto;\n            fill: currentColor;\n          }\n        }\n      }\n\n      .chat_item:last-child {\n        margin-bottom: 0;\n      }\n\n      &::-webkit-scrollbar {\n        width: 5px;\n        border-radius: 10px;\n      }\n\n      &::-webkit-scrollbar-track {\n        background: #ccc;\n        border-radius: 10px;\n      }\n\n      &::-webkit-scrollbar-thumb {\n        background: #000;\n        border-radius: 10px;\n      }\n    }\n\n    form {\n      background-color: #fff;\n      border-radius: 5px;\n      padding-right: 16px;\n      margin-top: 10px;\n\n      .input_control {\n        width: calc(100% - 15px);\n        margin-right: 15px;\n\n        .input-content {\n          padding: 6px 0 6px 6px;\n\n          input {\n            border: 0;\n            outline-color: rgba(0, 0, 0, 0.1);\n          }\n        }\n      }\n\n      > div {\n        display: flex;\n        height: 40px;\n\n        > div {\n          margin: 0;\n\n          * {\n            height: 100%;\n          }\n        }\n      }\n\n      .form-button {\n        height: 100%;\n\n        > div {\n          height: inherit;\n\n          button {\n            border: 0;\n            padding: 0;\n            background-color: transparent;\n            height: inherit;\n\n            .button-icon {\n              display: flex;\n              align-items: center;\n\n              svg {\n                height: 15px;\n                width: auto;\n                fill: #000;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n"], ["\n  width: 100%;\n  border-radius: 5px;\n  background-color: #f2f2f2;\n  overflow: hidden;\n\n  .conntent_form_infinity_forge {\n    width: 100%;\n  }\n\n  .top_chat {\n    height: 47px;\n    text-align: center;\n    padding-top: 15px;\n    border-bottom: solid 1px #e1e1e1;\n\n    h3 {\n      font-size: 18px;\n      font-weight: 700;\n      margin-bottom: 0;\n    }\n  }\n\n  .content_chat {\n    padding: 5px 5px 20px 20px;\n\n    > div:first-child {\n      margin-top: 0;\n    }\n\n    .chat {\n      height: 380px;\n      overflow-y: auto;\n      padding-right: 4px;\n      padding-bottom: 0;\n      margin-bottom: 10px;\n\n      .conntent_form_infinity_forge {\n        width: 100%;\n      }\n\n      .no-message {\n        color: #828282;\n        text-align: center;\n        height: 100%;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        max-height: 326px;\n        margin: auto 0;\n        position: relative;\n        top: 50%;\n        transform: translateY(-50%);\n\n        .icon {\n          width: 60px;\n          display: flex;\n          margin: 0 auto 16px;\n\n          svg {\n            width: 100%;\n            height: auto;\n            fill: currentColor;\n          }\n        }\n      }\n\n      .chat_item:last-child {\n        margin-bottom: 0;\n      }\n\n      &::-webkit-scrollbar {\n        width: 5px;\n        border-radius: 10px;\n      }\n\n      &::-webkit-scrollbar-track {\n        background: #ccc;\n        border-radius: 10px;\n      }\n\n      &::-webkit-scrollbar-thumb {\n        background: #000;\n        border-radius: 10px;\n      }\n    }\n\n    form {\n      background-color: #fff;\n      border-radius: 5px;\n      padding-right: 16px;\n      margin-top: 10px;\n\n      .input_control {\n        width: calc(100% - 15px);\n        margin-right: 15px;\n\n        .input-content {\n          padding: 6px 0 6px 6px;\n\n          input {\n            border: 0;\n            outline-color: rgba(0, 0, 0, 0.1);\n          }\n        }\n      }\n\n      > div {\n        display: flex;\n        height: 40px;\n\n        > div {\n          margin: 0;\n\n          * {\n            height: 100%;\n          }\n        }\n      }\n\n      .form-button {\n        height: 100%;\n\n        > div {\n          height: inherit;\n\n          button {\n            border: 0;\n            padding: 0;\n            background-color: transparent;\n            height: inherit;\n\n            .button-icon {\n              display: flex;\n              align-items: center;\n\n              svg {\n                height: 15px;\n                width: auto;\n                fill: #000;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n"])));
var templateObject_1;
//# sourceMappingURL=styles.js.map