improve AccompanyingCourse ux design

This commit is contained in:
2021-05-20 16:37:35 +02:00
parent 199e5a73d8
commit 8bd75429c1
10 changed files with 95 additions and 70 deletions

View File

@@ -13,24 +13,16 @@
{{ $t('confirm.text_active') }}
<span class="badge badge-primary">{{ $t('course.step.active') }}</span>
</p>
<ul class="record_actions">
<li>
<button class="sc-button bt-save" @click="modal.showModal = true">
{{ $t('confirm.ok') }}
</button>
</li>
</ul>
</div>
<dl v-if="accompanyingCourse.closingDate">
<dt>{{ $t('course.closing_date') }}</dt>
<dd>{{ $d(accompanyingCourse.closingDate.datetime, 'short') }}</dd>
<dt>{{ $t('course.closing_motive') }}</dt>
<dd v-if="accompanyingCourse.closingMotive">{{ accompanyingCourse.closingMotive.name.fr }}</dd>
</dl>
<ul class="record_actions">
<li>
<button class="sc-button bt-save" @click="modal.showModal = true">
{{ $t('confirm.ok') }}
</button>
</li>
</ul>
<teleport to="body">
<modal v-if="modal.showModal" :modalDialogClass="modal.modalDialogClass" @close="modal.showModal = false">
<template v-slot:header>
@@ -83,6 +75,6 @@ export default {
<style lang="scss" scoped>
div.vue-component > div {
margin: 1em;
//margin: 1em;
}
</style>