style change EditCreationFormular.vue for bootstrap4

This commit is contained in:
ogerly 2022-01-27 09:02:53 +01:00
parent 14efa9f072
commit 9861148e75

View File

@ -2,8 +2,10 @@
<div class="component-edit-creation-formular"> <div class="component-edit-creation-formular">
<div class="shadow p-3 mb-5 bg-white rounded"> <div class="shadow p-3 mb-5 bg-white rounded">
<b-form ref="updateCreationForm"> <b-form ref="updateCreationForm">
<b-row class="m-4"> <div class="ml-4">
<label>{{ $t('creation_form.select_month') }}</label> <label>{{ $t('creation_form.select_month') }}</label>
</div>
<b-row class="m-4">
<b-col class="text-left"> <b-col class="text-left">
<b-form-radio <b-form-radio
id="beforeLastMonth" id="beforeLastMonth"
@ -63,7 +65,7 @@
</b-col> </b-col>
</b-row> </b-row>
<b-row class="m-4"> <div class="m-4">
<label>{{ $t('creation_form.select_value') }}</label> <label>{{ $t('creation_form.select_value') }}</label>
<div> <div>
<b-input-group prepend="GDD" append=".00"> <b-input-group prepend="GDD" append=".00">
@ -85,8 +87,8 @@
></b-form-input> ></b-form-input>
</b-input-group> </b-input-group>
</div> </div>
</b-row> </div>
<b-row class="m-4"> <div class="m-4">
<label>{{ $t('creation_form.enter_text') }}</label> <label>{{ $t('creation_form.enter_text') }}</label>
<div> <div>
<b-form-textarea <b-form-textarea
@ -97,9 +99,9 @@
rows="3" rows="3"
></b-form-textarea> ></b-form-textarea>
</div> </div>
</b-row> </div>
<b-row class="m-4"> <b-row class="m-4">
<b-col class="text-center"> <b-col class="text-left">
<b-button type="reset" variant="danger" @click="$refs.updateCreationForm.reset()"> <b-button type="reset" variant="danger" @click="$refs.updateCreationForm.reset()">
{{ $t('creation_form.reset') }} {{ $t('creation_form.reset') }}
</b-button> </b-button>