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

webapp: adjust look of tables in accordions to live view cards

Browse Source 
this is relevant for the radio statistics table, as well as the tables
in the grid profile modal.
This commit is contained in:
Bernhard Kirchen 2024-10-26 22:45:53 +02:00 committed by Thomas Basler
parent 68d2f7bf29
commit 3c188f2f9f
3 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
webapp/src/components/GridProfile.vue
View File

@ -19,7 +19,11 @@
</table>
<div class="accordion" id="accordionProfile">
<div class="accordion-item" v-for="(section, index) in gridProfileList.sections" :key="index">
<div
class="accordion-item accordion-table"
v-for="(section, index) in gridProfileList.sections"
:key="index"
>
<h2 class="accordion-header">
<button
class="accordion-button collapsed"

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

@ -35,6 +35,16 @@ div.card.card-table tr > :last-child {
padding-right: var(--bs-card-cap-padding-x);
}
div.accordion-item.accordion-table tr > :first-child {
padding-left: var(--bs-accordion-btn-padding-x);
}
div.accordion-item.accordion-table div.accordion-body {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
div.card.card-table div.card-body {
padding: 0;
}

2
webapp/src/views/HomeView.vue
View File

@ -217,7 +217,7 @@
</BootstrapAlert>
<div class="accordion mt-5" id="accordionRadioStats">
<div class="accordion-item">
<div class="accordion-item accordion-table">
<h2 class="accordion-header">
<button
class="accordion-button collapsed"