| | |
| | | $form-tips-gray: #A1A3D4; |
| | | |
| | | .gd-input { |
| | | --el-input-bg-color: #{$form-bg}; |
| | | --el-input-placeholder-color: #{$form-tips}; |
| | | --bg: #{$form-bg}; |
| | | --tips: #{$form-tips}; |
| | | |
| | | &.gray { |
| | | --el-input-bg-color: #{$form-bg-gray}; |
| | | --el-input-placeholder-color: #{$form-tips-gray}; |
| | | --bg: #{$form-bg-gray}; |
| | | --tips: #{$form-tips-gray}; |
| | | } |
| | | |
| | | .el-input__wrapper, .el-textarea__inner { |
| | | box-shadow: none !important; |
| | | background: var(--bg); |
| | | border: none; |
| | | } |
| | | .el-input__inner, .el-textarea__inner { |
| | | &::placeholder { |
| | | color: var(--tips); |
| | | } |
| | | } |
| | | |
| | | &.is-disabled { |
| | | .el-input__wrapper { |
| | | background: $form-bg; |
| | | background: var(--bg); |
| | | } |
| | | } |
| | | } |
| | |
| | | } |
| | | } |
| | | |
| | | .gd-timeline{ |
| | | .gd-timeline { |
| | | padding-left: 120px; |
| | | |
| | | .el-timeline-item { |
| | | height: 120px; |
| | | &:nth-last-child(1){ |
| | | |
| | | &:nth-last-child(1) { |
| | | height: auto; |
| | | } |
| | | |
| | | .el-timeline-item__tail { |
| | | left: 15px; |
| | | transform: translate(-15px); |
| | | border-left-color: #4c34ff; |
| | | } |
| | | |
| | | .el-timeline-item__node { |
| | | width: 32px; |
| | | height: 32px; |
| | | background-color: #161b2c; |
| | | transform: translate(-15px); |
| | | |
| | | &.el-timeline-item__node--success { |
| | | background-color: #4c34ff; |
| | | } |
| | | |
| | | .el-timeline-item__icon { |
| | | font-size: 22px; |
| | | } |
| | | } |
| | | |
| | | .el-timeline-item__wrapper { |
| | | top: 5px; |
| | | font-size: 16px; |
| | | |
| | | .el-timeline-item__timestamp { |
| | | margin-top: 20px; |
| | | } |