<template>
|
<InterviewAdd></InterviewAdd>
|
</template>
|
<script lang="ts">
|
import { Vue, Component } from 'nuxt-property-decorator';
|
|
@Component
|
export default class NewAppointmentInterview extends Vue {
|
|
}
|
</script>
|
<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>
|