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

webapp: avoid inline style in inverter channel info card

Browse Source
This commit is contained in:
Bernhard Kirchen 2024-10-26 22:32:05 +02:00
parent 0bca3503ac
commit 14dbb45b44
2 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,11 +1,10 @@
<template> <template>
<div <div
class="card" class="card card-table"
:class="{ :class="{
'border-info': channelType == 'AC', 'border-info': channelType == 'AC',
'border-secondary': channelType == 'INV', 'border-secondary': channelType == 'INV',
}" }"
style="overflow: hidden"
> >
<div v-if="channelType == 'INV'" class="card-header text-bg-secondary"> <div v-if="channelType == 'INV'" class="card-header text-bg-secondary">
{{ $t('inverterchannelinfo.General') }} {{ $t('inverterchannelinfo.General') }}

6
webapp/src/scss/styles.scss
View File

@ -20,3 +20,9 @@ table.table tr:last-child td {
table.table { table.table {
margin-bottom: 0; margin-bottom: 0;
} }
div.card.card-table {
// prevent tables in cards from
// messing up the bottom corner radii
overflow: hidden;
}