patrick/OpenDTU-old
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

webapp: fixup battery total cards

Browse Source 
the total cards have been trimmed at the bottom as the card's last child
has its margin-bottom removed (set to "auto"). that is desired as it
places the text in the middle of the cards. however, the battery total
cards are different, as they show two values each, which are arranged by
div.flex-fill containers, which are the children of the cards rather
than the h2 tags as in all other totals cards.
This commit is contained in:
Bernhard Kirchen 2024-10-26 23:31:04 +02:00 committed by Bernhard Kirchen
parent 50db50174e
commit db5520452d
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
webapp/src/components/InverterTotalInfo.vue
View File

@ -99,7 +99,7 @@
:text="$t('invertertotalinfo.BatteryCharge')" :text="$t('invertertotalinfo.BatteryCharge')"
> >
<div class="flex-fill" v-if="totalBattData.soc"> <div class="flex-fill" v-if="totalBattData.soc">
<h2> <h2 class="mb-0">
{{ {{
$n(totalBattData.soc.v, 'decimal', { $n(totalBattData.soc.v, 'decimal', {
minimumFractionDigits: totalBattData.soc.d, minimumFractionDigits: totalBattData.soc.d,
@ -111,7 +111,7 @@
</div> </div>
<div class="flex-fill" v-if="totalBattData.voltage"> <div class="flex-fill" v-if="totalBattData.voltage">
<h2> <h2 class="mb-0">
{{ {{
$n(totalBattData.voltage.v, 'decimal', { $n(totalBattData.voltage.v, 'decimal', {
minimumFractionDigits: totalBattData.voltage.d, minimumFractionDigits: totalBattData.voltage.d,
@ -131,7 +131,7 @@
:text="$t('invertertotalinfo.BatteryPower')" :text="$t('invertertotalinfo.BatteryPower')"
> >
<div class="flex-fill" v-if="totalBattData.power"> <div class="flex-fill" v-if="totalBattData.power">
<h2> <h2 class="mb-0">
{{ {{
$n(totalBattData.power.v, 'decimal', { $n(totalBattData.power.v, 'decimal', {
minimumFractionDigits: totalBattData.power.d, minimumFractionDigits: totalBattData.power.d,
@ -143,7 +143,7 @@
</div> </div>
<div class="flex-fill" v-if="totalBattData.current"> <div class="flex-fill" v-if="totalBattData.current">
<h2> <h2 class="mb-0">
{{ {{
$n(totalBattData.current.v, 'decimal', { $n(totalBattData.current.v, 'decimal', {
minimumFractionDigits: totalBattData.current.d, minimumFractionDigits: totalBattData.current.d,