| | |
| | | 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; |
| | | } |
| | | |
| | | &-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; |
| | |
| | | |
| | | &-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 { |
| | |
| | | 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 { |
| | |
| | | } |
| | | |
| | | .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%; |
| | | } |
| | | |
| | | .aiBox { |
| | |
| | | &-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; |
| | |
| | | &-title { |
| | | width: 140px; |
| | | font-family: DingTalk; |
| | | font-size: 22px; |
| | | font-size: 30px; |
| | | } |
| | | |
| | | &-img { |
| | |
| | | // 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; |
| | | |
| | | } |
| | | |