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

webapp: added css table-responsive for lower resolutions

Browse Source
This commit is contained in:
fischaxe 2023-04-10 10:45:24 +02:00
parent 12d7349699
commit 994a543b87
1 changed files with 25 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
webapp/src/components/InverterChannelInfo.vue
View File

@ -17,29 +17,31 @@
</div> </div>
<div class="card-body"> <div class="card-body">
<table class="table table-striped table-hover"> <div class="table-responsive">
<thead> <table class="table table-striped table-hover">
<tr> <thead>
<th scope="col">{{ $t('inverterchannelinfo.Property') }}</th> <tr>
<th style="text-align: right" scope="col">{{ $t('inverterchannelinfo.Value') }}</th> <th scope="col">{{ $t('inverterchannelinfo.Property') }}</th>
<th scope="col">{{ $t('inverterchannelinfo.Unit') }}</th> <th style="text-align: right" scope="col">{{ $t('inverterchannelinfo.Value') }}</th>
</tr> <th scope="col">{{ $t('inverterchannelinfo.Unit') }}</th>
</thead> </tr>
<tbody> </thead>
<tr v-for="(property, key) in channelData" :key="`prop-${key}`"> <tbody>
<template v-if="key != 'name' && property"> <tr v-for="(property, key) in channelData" :key="`prop-${key}`">
<th scope="row">{{ $t('inverterchannelproperty.' + key) }}</th> <template v-if="key != 'name' && property">
<td style="text-align: right"> <th scope="row">{{ $t('inverterchannelproperty.' + key) }}</th>
{{ $n(property.v, 'decimal', { <td style="text-align: right">
minimumFractionDigits: property.d, {{ $n(property.v, 'decimal', {
maximumFractionDigits: property.d}) minimumFractionDigits: property.d,
}} maximumFractionDigits: property.d})
</td> }}
<td>{{ property.u }}</td> </td>
</template> <td>{{ property.u }}</td>
</tr> </template>
</tbody> </tr>
</table> </tbody>
</table>
</div>
</div> </div>
</div> </div>
</template> </template>