| | |
| | | } |
| | | |
| | | &-file { |
| | | width: 12px; |
| | | margin-right: 4px; |
| | | margin-top: -5px; |
| | | width: 14px; |
| | | height: 14px; |
| | | margin-right: 4px; |
| | | margin-top: 4px; |
| | | } |
| | | |
| | | &-register { |
| | |
| | | display: flex; |
| | | flex-direction: row; |
| | | column-gap: 8px; |
| | | margin: 0px 8px 22px 16px; |
| | | margin: 0px 8px 0 16px; |
| | | |
| | | |
| | | &-left { |
| | | flex: 3 1 0%; |
| | | background-color: rgb(255, 255, 255); |
| | | padding: 12px 0px 12px 16px; |
| | | margin-bottom: -25px; |
| | | |
| | | &-record { |
| | | border: 1px solid #D9D9D9; |
| | |
| | | align-items: center; |
| | | background-color: #FAFAFA; |
| | | border-radius: 8px; |
| | | position: relative; |
| | | |
| | | |
| | | &-icon { |
| | |
| | | &-edit { |
| | | position: absolute; |
| | | right: 25px; |
| | | top: 45px; |
| | | top: 15px; |
| | | width: 18px; |
| | | cursor: pointer; |
| | | } |
| | | |
| | | &-remark { |
| | |
| | | margin: 16px -18px 0px -16px; |
| | | } |
| | | |
| | | .reviewProgress { |
| | | .reviewCircle { |
| | | width: 14px; |
| | | height: 14px; |
| | | border: 2px solid #3491fa; |
| | | border-radius: 50%; |
| | | margin-top: 4px; |
| | | } |
| | | |
| | | .reviewLine { |
| | | height: calc(100% - 19px); |
| | | width: 14px; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | position: relative; |
| | | |
| | | &::before { |
| | | content: ''; |
| | | height: 100%; |
| | | width: 1px; |
| | | background-color: #e5e6eb; |
| | | position: absolute; |
| | | left: 50%; |
| | | transform: translateX(-50%); |
| | | } |
| | | } |
| | | |
| | | .deepTitle { |
| | | font-size: 14px; |
| | | font-family: PingFang SC, PingFang SC-400; |
| | | font-weight: 400; |
| | | text-align: LEFT; |
| | | color: #1d2129; |
| | | line-height: 22px; |
| | | } |
| | | |
| | | .shallowTitle { |
| | | font-size: 14px; |
| | | font-family: PingFang SC, PingFang SC-400; |
| | | font-weight: 400; |
| | | text-align: LEFT; |
| | | color: #86909c; |
| | | line-height: 22px; |
| | | } |
| | | } |
| | | |
| | | .Supervising { |
| | | background: #ffffff; |
| | | border: 1px solid #e5e6eb; |
| | |
| | | |
| | | } |
| | | |
| | | &-info{ |
| | | display: flex; |
| | | |
| | | &-time{ |
| | | margin-right: 8px; |
| | | } |
| | | |
| | | &-detail{ |
| | | color: #1A6FB8; |
| | | } |
| | | } |
| | | |
| | | &-btn { |
| | | margin-top: 12px; |
| | | color: rgb(26, 111, 184); |
| | |
| | | background-color: rgb(255, 255, 255); |
| | | } |
| | | |
| | | } |
| | | |
| | | .modal { |
| | | display: flex; |
| | | justify-content: center; |
| | | margin-bottom: 24px; |
| | | |
| | | &-mark{ |
| | | color: rgb(26, 111, 184); |
| | | border: 1px solid rgb(26, 111, 184); |
| | | padding: 0px 8px; |
| | | margin-right: 8px; |
| | | border-radius: 4px; |
| | | } |
| | | |
| | | &-title{ |
| | | color: #1D2129; |
| | | font-size: 16px; |
| | | font-weight: 500; |
| | | } |
| | | } |
| | | |
| | | .icon{ |
| | | // width: '14px', height: '14px', marginLeft: '8px', marginTop: '4px' |
| | | &-register{ |
| | | width: 14px; |
| | | height: 14px; |
| | | margin-left: 8px; |
| | | margin-top: -2px; |
| | | } |
| | | } |