[webapp] Layout HomeView

This commit is contained in:
Axel Hinrichs 2022-07-08 15:43:05 +02:00
parent 4d28ef2176
commit f2c8b1bb45

View File

@ -1,5 +1,5 @@
<template> <template>
<div class="container-xxl" role="main"> <div class="container-fluid" role="main">
<div class="page-header"> <div class="page-header">
<h1>Live Data</h1> <h1>Live Data</h1>
</div> </div>
@ -32,9 +32,9 @@
{{ inverter.data_age }} seconds) {{ inverter.data_age }} seconds)
</div> </div>
<div class="card-body"> <div class="card-body">
<div class="row g-3"> <div class="row flex-row-reverse flex-wrap-reverse align-items-end g-3">
<template v-for="channel in 5" :key="channel"> <template v-for="channel in 5" :key="channel">
<div v-if="inverter[channel - 1]" class="col"> <div v-if="inverter[channel - 1]" :class="`col order-${5 - channel}`">
<InverterChannelInfo <InverterChannelInfo
:channelData="inverter[channel - 1]" :channelData="inverter[channel - 1]"
:channelNumber="channel - 1" /> :channelNumber="channel - 1" />