Stefan/evcc-io
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Plan UI: improve mobile form layout (#12795)

Browse source
This commit is contained in:
Michael Geers 2024-03-09 18:39:24 +01:00 • committed by GitHub
parent 82aa5d9598
commit 734a52fe52
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 7 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

14
assets/js/components/ChargingPlanSettingsEntry.vue
View file

@ -21,12 +21,12 @@
</div>
</div>
<div class="row">
<div class="col-6 d-lg-none col-form-label">
<div class="col-5 d-lg-none col-form-label">
<label :for="formId('day')">
{{ $t("main.chargingPlan.day") }}
</label>
</div>
<div class="col-6 col-lg-4 mb-2 mb-lg-0">
<div class="col-7 col-lg-4 mb-2 mb-lg-0">
<select
:id="formId('day')"
v-model="selectedDay"
@ -39,12 +39,12 @@
</option>
</select>
</div>
<div class="col-6 d-lg-none col-form-label">
<div class="col-5 d-lg-none col-form-label">
<label :for="formId('day')">
{{ $t("main.chargingPlan.time") }}
</label>
</div>
<div class="col-6 col-lg-2 mb-2 mb-lg-0">
<div class="col-7 col-lg-2 mb-2 mb-lg-0">
<input
:id="formId('time')"
v-model="selectedTime"
@ -56,12 +56,12 @@
@change="preview"
/>
</div>
<div class="col-6 d-lg-none col-form-label">
<div class="col-5 d-lg-none col-form-label">
<label :for="formId('goal')">
{{ $t("main.chargingPlan.goal") }}
</label>
</div>
<div class="col-6 col-lg-3 mb-2 mb-lg-0">
<div class="col-7 col-lg-3 mb-2 mb-lg-0">
<select
v-if="socBasedPlanning"
:id="formId('goal')"
@ -87,7 +87,7 @@
</option>
</select>
</div>
<div class="col-6 d-lg-none col-form-label">
<div class="col-5 d-lg-none col-form-label">
<label :for="formId('active')">
{{ $t("main.chargingPlan.active") }}
</label>