webapp: Nicer alignment of inverter settings

This commit is contained in:
Thomas Basler 2022-11-15 23:39:21 +01:00
parent fec84fd048
commit f198429bd3

View File

@ -82,6 +82,8 @@
</div> </div>
<div v-for="(max, index) in selectedInverterData.channel" :key="`${index}`"> <div v-for="(max, index) in selectedInverterData.channel" :key="`${index}`">
<div class="row g-2">
<div class="col-md">
<label :for="`inverter-name_${index}`" class="col-form-label">Name string {{ index +1 }}:</label> <label :for="`inverter-name_${index}`" class="col-form-label">Name string {{ index +1 }}:</label>
<div class="d-flex mb-2"> <div class="d-flex mb-2">
<div class="input-group"> <div class="input-group">
@ -89,6 +91,8 @@
v-model="selectedInverterData.channel[index].name" /> v-model="selectedInverterData.channel[index].name" />
</div> </div>
</div> </div>
</div>
<div class="col-md-5">
<label :for="`inverter-max_${index}`" class="col-form-label">Max power string {{ index +1 }}:</label> <label :for="`inverter-max_${index}`" class="col-form-label">Max power string {{ index +1 }}:</label>
<div class="d-flex mb-2"> <div class="d-flex mb-2">
<div class="input-group"> <div class="input-group">
@ -99,6 +103,8 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div>
<div :id="`inverter-customizer`" class="form-text">*) Input the kWp of the channel to <div :id="`inverter-customizer`" class="form-text">*) Input the kWp of the channel to
calculate irradiation.</div> calculate irradiation.</div>
</form> </form>