webapp: avoid inline style in inverter channel info card

tbnobody · Nov 1, 2024 · 0aba159 · 0aba159
1 parent 376912d
commit 0aba159
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/webapp/src/components/InverterChannelInfo.vue b/webapp/src/components/InverterChannelInfo.vue
@@ -1,11 +1,10 @@
 <template>
     <div
-        class="card"
+        class="card card-table"
         :class="{
             'border-info': channelType == 'AC',
             'border-secondary': channelType == 'INV',
         }"
-        style="overflow: hidden"
     >
         <div v-if="channelType == 'INV'" class="card-header text-bg-secondary">
             {{ $t('inverterchannelinfo.General') }}

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