| | |
| | | |
| | | } |
| | | </script> |
| | | <style lang="scss" scoped> |
| | | |
| | | <style lang="scss" > |
| | | .edit-appointment-record { |
| | | padding-left : 10px; |
| | | padding-right: 10px; |
| | | .edit-appointment-record-date{ |
| | | color : #68737A; |
| | | display : flex; |
| | | justify-content: space-between; |
| | | margin-bottom : 26px; |
| | | } |
| | | } |
| | | .date-input { |
| | | align-items : center; |
| | | background-color: #fff; |
| | | border : 1px solid #707070; |
| | | border-radius : 5px; |
| | | display : flex; |
| | | font-size : 20px; |
| | | height : 46px; |
| | | margin-bottom : 30px; |
| | | padding-left : 20px; |
| | | padding-right : 20px; |
| | | } |
| | | .icon { |
| | | color : $PRIMARY_RED; |
| | | display : flex; |
| | | flex : 1; |
| | | justify-content: flex-end; |
| | | } |
| | | .edit-appointment-record-btn{ |
| | | margin-top: 30px; |
| | | display: flex; |
| | | justify-content: center; |
| | | } |
| | | .required { |
| | | position: relative; |
| | | &::before { |
| | | content: '*'; |
| | | position: absolute; |
| | | color: #FF0000; |
| | | transform: translate(-12px, 0); |
| | | } |
| | | } |
| | | </style> |