<template>
|
<div>
|
<ReviewRecords
|
:reviewLogList="reviewLogList"
|
></ReviewRecords>
|
</div>
|
</template>
|
<script lang="ts">
|
import { Vue, Component, Action, State } from 'nuxt-property-decorator';
|
|
import { AppointmentLog } from '~/shared/models/appointment.model';
|
|
@Component
|
export default class Reviews extends Vue{
|
|
@State('reviewLogList')
|
reviewLogList!: AppointmentLog[];
|
|
}
|
</script>
|
<style lang="scss" scoped>
|
.user-reviews-page{
|
margin-bottom:155px;
|
.user-reviews-header{
|
height: 43px;
|
margin-top: 28px;
|
display: flex;
|
justify-content: center;
|
border-bottom: 2px solid black;
|
}
|
.user-reviews-content{
|
.user-reviews-card{
|
display: flex;
|
justify-content: space-between;
|
margin-top: 26px;
|
border-bottom: 1px solid #707070;
|
height: 54px;
|
padding-bottom: 15px;
|
.user-reviews-card-content{
|
width: 242px;
|
padding-right:50px;
|
line-height: 1.2;
|
font-size: 20px;
|
margin-left: 15px;
|
}
|
.user-reviews-card-date{
|
font-size: 12px;
|
display: flex;
|
flex-direction: column;
|
align-items: flex-end;
|
margin-right: 15px;
|
width:52px;
|
.date{
|
margin-bottom: 2px;
|
|
}
|
}
|
}
|
}
|
}
|
@include desktop{
|
.user-reviews-card-content{
|
flex: 1;
|
}
|
}
|
</style>
|
