| | |
| | | background-color: #fff; |
| | | margin: 0px 8px 0px 16px; |
| | | padding: 12px 16px 16px 16px; |
| | | height: calc(100vh - 228px); |
| | | height: calc(100vh - 231px); |
| | | overflow-y: scroll; |
| | | } |
| | | |
| | |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.25); |
| | | box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.12); |
| | | z-index: 2; |
| | | } |
| | | |
| | |
| | | flex-direction: row; |
| | | column-gap: 8px; |
| | | margin: 0px 8px 0 16px; |
| | | // max-height: 600px; |
| | | // min-height: fit-content; |
| | | // overflow-y: auto; |
| | | |
| | | |
| | | |
| | | &-left { |
| | |
| | | |
| | | &-record { |
| | | border: 1px solid #D9D9D9; |
| | | border-radius: 8px; |
| | | // border-radius: 8px; |
| | | margin-right: 16px; |
| | | margin-top: 8px; |
| | | |
| | |
| | | display: flex; |
| | | align-items: center; |
| | | background-color: #FAFAFA; |
| | | border-radius: 8px; |
| | | // border-radius: 8px 8px 0px 0px; |
| | | position: relative; |
| | | |
| | | |
| | | |
| | | &-icon { |
| | | width: 12px; |
| | |
| | | &-right { |
| | | flex: 1 1 0%; |
| | | background-color: rgb(255, 255, 255); |
| | | // height: fit-content; |
| | | } |
| | | } |
| | | } |
| | |
| | | background-color: #E8F3FF; |
| | | border-radius: 2px; |
| | | margin-top: 8px; |
| | | margin-bottom: -2px; |
| | | } |
| | | |
| | | &-textarea { |
| | |
| | | border: 1px solid #1A6FB8; |
| | | color: #1A6FB8; |
| | | } |
| | | } |
| | | |
| | | .highlighted { |
| | | color: #1a6fb8; |
| | | border: 1px solid #1a6fb8; |
| | | border-radius: 2px; |
| | | } |
| | | |
| | | .gap { |
| | |
| | | |
| | | &-detail { |
| | | color: #1A6FB8; |
| | | cursor: pointer; |
| | | } |
| | | } |
| | | |
| | |
| | | position: absolute; |
| | | right: 0; |
| | | top: 60%; |
| | | cursor: pointer; |
| | | } |
| | | |
| | | .aiBox { |
| | |
| | | margin-bottom: 8px; |
| | | margin-right: 16px; |
| | | align-items: center; |
| | | font-size: 14px; |
| | | |
| | | |
| | | &-type { |
| | |
| | | .marginLeft { |
| | | margin-left: 55px; |
| | | |
| | | &-tip{ |
| | | &-tip { |
| | | margin-top: -12px; |
| | | margin-bottom: 12px; |
| | | margin-left: 55px; |
| | | margin-bottom: 12px; |
| | | margin-left: 55px; |
| | | } |
| | | |
| | | |
| | |
| | | background: #ffffff; |
| | | padding: 12px 16px 16px 16px; |
| | | margin-top: 12px; |
| | | // height: 54vh; |
| | | position: relative; |
| | | |
| | | &-search { |
| | | position: absolute; |
| | | right: 16px; |
| | | top: 12px; |
| | | |
| | | .arco-form-item { |
| | | margin-right: 16px; |
| | | } |
| | | |
| | | .arco-form-layout-vertical>.arco-form-label-item { |
| | | margin-bottom: 0; |
| | | } |
| | | } |
| | | |
| | | &-select { |
| | | position: absolute; |
| | | left: 0; |
| | | bottom: 12px; |
| | | |
| | | .linkBtnColor { |
| | | color: #1A6FB8; |
| | | cursor: pointer; |
| | | margin-left: 16px; |
| | | } |
| | | } |
| | | } |
| | | |
| | | &-bottom { |
| | |
| | | flex: 1; |
| | | padding: 12px 16px 16px 16px; |
| | | justify-content: center; |
| | | cursor: pointer; |
| | | |
| | | } |
| | | |
| | |
| | | background: linear-gradient(to right, #FFF7E6, #FFD591); |
| | | padding: 12px 16px 16px 16px; |
| | | flex: 1; |
| | | justify-content: center; |
| | | justify-content: center; |
| | | |
| | | } |
| | | |