linkmore-design 1.0.3

package/es/CustomerService/style/style.css

@@ -0,0 +1,402 @@
+.ant-layout-sider {
+  min-height: 100vh;
+  background-color: #022766;
+}
+.ant-menu-dark .ant-menu-inline.ant-menu-sub {
+  box-shadow: none;
+}
+.ant-menu-submenu-placement-rightTop {
+  display: none;
+}
+.ant-table .row-active .ant-table-cell {
+  background-color: #FEFFD3 !important;
+}
+.ant-dropdown-menu-item {
+  font-size: 12px;
+  height: 32px;
+}
+.ant-tabs .ant-tabs-nav .ant-tabs-tab {
+  font-size: 14px;
+}
+.ant-tabs.auto_tabs {
+  display: flex;
+  flex-flow: column;
+  height: 100%;
+}
+.ant-tabs.auto_tabs .ant-tabs-nav {
+  height: 48px;
+}
+.ant-tabs.auto_tabs .ant-tabs-content-holder {
+  flex: 1;
+  overflow: auto;
+}
+.ant-drawer.drawer_wrapper .ant-drawer-header {
+  padding: 0 24px;
+}
+.ant-drawer.drawer_wrapper .ant-drawer-body {
+  position: relative;
+  flex: 1;
+  padding: 0 24px;
+}
+.ant-modal-wrap.plugin_modal {
+  display: flex;
+  flex-flow: column;
+  justify-content: flex-end;
+}
+.ant-modal-wrap.plugin_modal .ant-modal {
+  left: 56px;
+  top: 0;
+  margin: 0 0 8px 8px;
+  padding: 0;
+}
+.ant-modal-wrap.lm_modal_confirm .anticon {
+  margin-top: -1px;
+  margin-right: 8px;
+}
+.ant-modal-wrap.lm_modal_confirm .ant-modal-body {
+  padding: 16px 24px;
+}
+.ant-popover.pop_img .ant-popover-inner-content {
+  line-height: 1;
+  padding: var(--gap);
+}
+@font-face {
+  font-family: 'iconfont';
+  /* Project id 2966019 */
+  src: url('//at.alicdn.com/t/font_2966019_i3eb1wwkoo.woff2?t=1641546077924') format('woff2'), url('//at.alicdn.com/t/font_2966019_i3eb1wwkoo.woff?t=1641546077924') format('woff'), url('//at.alicdn.com/t/font_2966019_i3eb1wwkoo.ttf?t=1641546077924') format('truetype');
+}
+.icon_ {
+  font-family: 'iconfont';
+  font-size: 14px;
+}
+.iconfont {
+  font-size: 12px;
+}
+.icon_home::before {
+  content: '\e7fc';
+}
+:root {
+  --them-color: #1890fc;
+  --main-color: #1890fc;
+  --primary-color: #1890fc;
+  --primary2-color: rgba(24, 144, 252, 0.08);
+  --success-color: #56C22D;
+  --warning-color: #FD9727;
+  --error-color: #FA4F53;
+  --aside-bg-color: #022766;
+  --font-color: rgba(0, 0, 0, 0.85);
+  --font2-color: rgba(0, 0, 0, 0.65);
+  --text-color: rgba(0, 0, 0, 0.45);
+  --box-shadow-color: rgba(0, 0, 0, 0.15);
+  --background-color: rgba(0, 0, 0, 0.04);
+  --background-color-hover: rgba(0, 0, 0, 0.08);
+  --border-color: #f0f0f0;
+  --stripe-color: #f5f5f5;
+  --border-hover-color: #f2f5f7;
+  --gap: 8px;
+  --basic-height: 24px;
+}
+.ant-input,
+.ant-select {
+  font-size: 12px;
+}
+.ant-select-dropdown .ant-select-item {
+  font-size: 12px;
+  align-items: center;
+}
+.react-resizable {
+  position: relative;
+  background-clip: padding-box;
+}
+.react-resizable-handle {
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 1;
+  width: 3px;
+  height: 40px;
+  cursor: col-resize;
+}
+.react-resizable-handle:hover {
+  background-color: var(--primary-color);
+}
+.react-resizable-handle:active {
+  background-color: var(--primary-color);
+}
+.yf_resizable_bar {
+  position: absolute;
+  left: 0;
+  top: 0;
+  z-index: 2;
+  height: 0;
+}
+.resizable_line {
+  position: absolute;
+  left: 0;
+  top: 0;
+  height: 100%;
+  width: 1px;
+  background-color: var(--primary-color);
+  z-index: 1;
+}
+.handle_resizable {
+  position: absolute;
+  right: 0;
+  top: 0;
+  height: 100%;
+  width: 5px;
+  z-index: 2;
+}
+.lm_customerservice_warp .fixGroup {
+  transition: right 0.3s;
+  position: fixed;
+  right: -38px;
+  bottom: 100px;
+  height: 80px;
+  width: 56px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  flex-direction: column;
+  z-index: 999;
+}
+.lm_customerservice_warp .fixGroup .customerWrap {
+  height: 40px;
+  width: 40px;
+  cursor: pointer;
+  border-radius: 5px 5px 0 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: #5a729b;
+  color: #fff;
+  box-shadow: rgba(0, 0, 0, 0.306) 0px 5px 14px;
+  transition: 0.3s;
+}
+.lm_customerservice_warp .fixGroup .customerWrap:hover {
+  background-color: var(--primary-color);
+}
+.lm_customerservice_warp .fixGroup .customerWrap2 {
+  position: relative;
+  height: 40px;
+  width: 40px;
+  cursor: pointer;
+  border-radius: 0 0 5px 5px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: #5a729b;
+  color: #fff;
+  box-shadow: rgba(0, 0, 0, 0.306) 0px 5px 14px;
+  transition: 0.3s;
+}
+.lm_customerservice_warp .fixGroup .customerWrap2:hover {
+  background-color: var(--primary-color);
+}
+.lm_customerservice_warp .fixGroup .customerWrap2 .lineTop {
+  display: inline-block;
+  height: 1px;
+  width: 20px;
+  background-color: #fff;
+  position: absolute;
+  top: 0;
+  left: 50%;
+  transform: translate(-50%);
+}
+.lm_customerservice_warp .fixGroup:hover {
+  right: 0;
+  transition: right 0.3s;
+}
+.lm_customerservice_messageWrap {
+  position: fixed;
+  right: 20px;
+  bottom: 20px;
+  height: 570px;
+  width: 362px;
+  background-color: #fff;
+  box-shadow: rgba(0, 0, 0, 0.306) 0px 5px 14px;
+  border-radius: 2px;
+  z-index: 999;
+  overflow: hidden;
+}
+.lm_customerservice_messageWrap .header {
+  height: 64px;
+  width: 100%;
+  background-color: #1762e2;
+  background: linear-gradient(to right, #2593f9, #1970e8);
+  color: #fff;
+  padding: 0 16px;
+  box-sizing: order-box;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.lm_customerservice_messageWrap .header .left {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.lm_customerservice_messageWrap .header .right {
+  cursor: pointer;
+}
+.lm_customerservice_messageWrap .mainWrap {
+  height: 445px;
+  background-color: #f6f6f9;
+  padding: 4px 15px;
+  overflow-y: scroll;
+}
+.lm_customerservice_messageWrap .mainWrap .dialogBox {
+  margin-bottom: 20px;
+}
+.lm_customerservice_messageWrap .mainWrap .dialogBox .title {
+  text-align: left;
+  font-size: 12px;
+  color: #bbbcbe;
+}
+.lm_customerservice_messageWrap .mainWrap .dialogBox .sayWhat {
+  width: 314px;
+  height: auto;
+  background-color: #fff;
+  font-size: 12px;
+  color: #022766;
+  padding: 10px;
+  border-radius: 5px;
+}
+.lm_customerservice_messageWrap .mainWrap .dialogBox .alwayQs .lineBox {
+  border-top: 1px solid #ebeef3;
+  padding: 14px 0;
+  cursor: pointer;
+}
+.lm_customerservice_messageWrap .mainWrap .myMessageWrap {
+  width: 100%;
+  height: auto;
+  display: flex;
+  justify-content: flex-end;
+}
+.lm_customerservice_messageWrap .mainWrap .myMessageWrap .dialogBoxMy {
+  margin-bottom: 20px;
+}
+.lm_customerservice_messageWrap .mainWrap .myMessageWrap .dialogBoxMy .title {
+  text-align: right;
+  font-size: 12px;
+  color: #bbbcbe;
+  margin-right: 4px;
+}
+.lm_customerservice_messageWrap .mainWrap .myMessageWrap .dialogBoxMy .sayWhat {
+  width: 240px;
+  height: auto;
+  background-color: #fff;
+  font-size: 12px;
+  color: #022766;
+  padding: 10px;
+  border-radius: 5px;
+}
+.lm_customerservice_messageWrap .checkBox {
+  background-color: #f3f3f3;
+  position: relative;
+  padding: 0 20px;
+  overflow-x: scroll;
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+}
+.lm_customerservice_messageWrap .checkBox .checkBoxWrap {
+  width: 400px;
+  height: 40px;
+  display: flex;
+  align-items: center;
+  flex-wrap: nowrap;
+  transition: all 0.5s;
+}
+.lm_customerservice_messageWrap .checkBox .checkBoxWrap button {
+  color: #9c9c9c;
+}
+.lm_customerservice_messageWrap .checkBox .checkBoxWrap .toLeft {
+  position: absolute;
+  left: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  height: 100%;
+  width: 15px;
+  background-color: #f3f3f3;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  color: #8e8e8e;
+}
+.lm_customerservice_messageWrap .checkBox .checkBoxWrap .toRight {
+  position: absolute;
+  right: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  height: 100%;
+  width: 15px;
+  background-color: #f3f3f3;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  color: #8e8e8e;
+}
+.lm_customerservice_messageWrap .checkBox .checkBoxWrapToRight {
+  margin-left: -150px;
+  transition: all 0.5s;
+}
+.lm_customerservice_messageWrap .checkBox::-webkit-scrollbar {
+  display: none;
+  width: 0 !important;
+}
+.lm_customerservice_messageWrap .sendBox {
+  box-sizing: border-box;
+  background-color: #fff;
+  height: 56px;
+  position: relative;
+  display: flex;
+}
+.lm_customerservice_messageWrap .sendBox .texeAreaWrap {
+  height: 100%;
+  overflow: scroll;
+  padding: 6px 8px 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 80%;
+}
+.lm_customerservice_messageWrap .sendBox .sendBtn {
+  position: absolute;
+  bottom: 11px;
+  right: 14px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 32px;
+  width: 32px;
+  background-color: #1890fc;
+  border-radius: 50%;
+  cursor: pointer;
+}
+.lm_customerservice_messageWrap .sendBox .sendBtn img {
+  height: 16px;
+  width: 16px;
+}
+.lm_question_warp.ant-drawer-body {
+  flex: 1;
+}
+.lm_question_warp .header {
+  position: sticky;
+  top: 0;
+  left: 0;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  height: 56px;
+  background-color: #fff;
+}
+.lm_question_warp .main p {
+  font-size: 12px;
+}
+.lm_question_warp .main .title {
+  font-size: 14px;
+}