| | |
| | | width: 14px; |
| | | height: 14px; |
| | | margin-right: 4px; |
| | | margin-top: 4px; |
| | | margin-top: -2px; |
| | | } |
| | | |
| | | &-register { |
| | |
| | | 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); |
| | | z-index: 1; |
| | | box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.12); |
| | | z-index: 2; |
| | | } |
| | | |
| | | &-hasTabPage { |
| | | background-color: #fff; |
| | | margin: 8px 16px 0px 16px; |
| | | padding: 12px 16px 64px 16px; |
| | | padding: 12px 16px 16px 16px; |
| | | |
| | | .arco-tabs-header-nav { |
| | | margin-left: 0 !important; |
| | |
| | | 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; |
| | | |
| | | |
| | |
| | | width: 12px; |
| | | height: 12px; |
| | | margin-right: 12px; |
| | | cursor: pointer; |
| | | } |
| | | |
| | | &-edit { |
| | |
| | | &-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 { |
| | |
| | | } |
| | | } |
| | | |
| | | .highlighted { |
| | | color: #1a6fb8; |
| | | border: 1px solid #1a6fb8; |
| | | border-radius: 2px; |
| | | } |
| | | |
| | | .gap { |
| | | height: 8px; |
| | | background-color: #F2F3F5; |
| | |
| | | } |
| | | |
| | | .reviewLine { |
| | | height: calc(100% - 19px); |
| | | width: 14px; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | position: relative; |
| | | height: calc(100% - 23px); |
| | | width: 14px; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | position: relative; |
| | | margin-top: 4px; |
| | | |
| | | &::before { |
| | | content: ''; |
| | |
| | | |
| | | &-detail { |
| | | color: #1A6FB8; |
| | | cursor: pointer; |
| | | } |
| | | } |
| | | |
| | |
| | | } |
| | | |
| | | .gradient-box { |
| | | position: fixed; |
| | | position: absolute; |
| | | right: 0; |
| | | top: 50%; |
| | | transform: translateY(-50%); |
| | | background: linear-gradient(to right, #6a1b9a, #e040fb); |
| | | display: flex; |
| | | align-items: center; |
| | | padding: 12px 8px; |
| | | border-radius: 12px 0px 0px 12px; |
| | | top: 60%; |
| | | cursor: pointer; |
| | | } |
| | | |
| | | .aiBox { |
| | |
| | | margin-bottom: 8px; |
| | | margin-right: 16px; |
| | | align-items: center; |
| | | font-size: 14px; |
| | | |
| | | |
| | | &-type { |
| | |
| | | &-btn { |
| | | color: #1A6FB8; |
| | | width: 30px; |
| | | cursor: pointer; |
| | | } |
| | | } |
| | | } |
| | |
| | | |
| | | .marginLeft { |
| | | margin-left: 55px; |
| | | |
| | | &-tip { |
| | | margin-top: -12px; |
| | | margin-bottom: 12px; |
| | | margin-left: 55px; |
| | | } |
| | | |
| | | |
| | | //fontWeight: '600', marginBottom: '16px' |
| | |
| | | display: flex; |
| | | gap: 24px; |
| | | margin-top: 16px; |
| | | cursor: pointer; |
| | | |
| | | &-tabsItem { |
| | | display: flex; |
| | |
| | | background: #ffffff; |
| | | padding: 12px 16px 16px 16px; |
| | | margin-top: 12px; |
| | | 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 { |
| | |
| | | padding: 12px 16px 16px 16px; |
| | | margin-top: 12px; |
| | | |
| | | &-title{ |
| | | &-title { |
| | | width: 140px; |
| | | font-family: DingTalk; |
| | | font-size: 30px; |
| | | } |
| | | |
| | | &-img { |
| | |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | } |
| | | |
| | | .bottomTab1 { |
| | | // display: 'flex', background: linear-gradient(to right, #6a1b9a, #e040fb) |
| | | display: flex; |
| | | background: linear-gradient(to right, #E8F7FF, #9FD4FD); |
| | | flex: 1; |
| | | padding: 12px 16px 16px 16px; |
| | | justify-content: center; |
| | | cursor: pointer; |
| | | |
| | | } |
| | | |
| | | .bottomTab2 { |
| | | display: flex; |
| | | background: linear-gradient(to right, #FFF7E6, #FFD591); |
| | | padding: 12px 16px 16px 16px; |
| | | flex: 1; |
| | | justify-content: center; |
| | | cursor: pointer; |
| | | } |
| | | |
| | | .timeTip { |
| | | display: inline-block; |
| | | |
| | | &-red { |
| | | color: #F53F3F; |
| | | background: #ffece8; |
| | | border-radius: 4px; |
| | | padding: 2px 8px 4px 8px; |
| | | |
| | | &-drop { |
| | | display: inline-block; |
| | | width: 6px; |
| | | height: 6px; |
| | | background: #F53F3F; |
| | | border-radius: 2px; |
| | | margin: 0 5px 3px 0; |
| | | } |
| | | |
| | | &-tips { |
| | | display: inline-block; |
| | | width: 24px; |
| | | height: 24px; |
| | | background: #f53f3f; |
| | | border-radius: 6px; |
| | | color: #fff; |
| | | text-align: center; |
| | | margin-left: 5px; |
| | | font-size: 12px; |
| | | line-height: 24px; |
| | | } |
| | | } |
| | | |
| | | &-green { |
| | | color: #00b42a; |
| | | background: #E8FFEA; |
| | | border-radius: 4px; |
| | | padding: 2px 8px 4px 8px; |
| | | |
| | | &-drop { |
| | | display: inline-block; |
| | | width: 6px; |
| | | height: 6px; |
| | | background: #00b42a; |
| | | border-radius: 2px; |
| | | margin: 0 5px 3px 0; |
| | | } |
| | | } |
| | | } |