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

webapp: Enable horizontal scrolling for battery view on small screens (#1324)

Browse Source 
Enables horizontal scrolling for the batter views in order to not break the UI on small screens.
This commit is contained in:
PhilJaro 2024-10-22 18:19:13 +02:00 committed by GitHub
parent 28d4f87301
commit 83437b2759
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 39 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
webapp/src/components/BatteryView.vue
View File

@ -48,6 +48,7 @@
<div class="card" :class="{ 'border-info': true }"> <div class="card" :class="{ 'border-info': true }">
<div class="card-header text-bg-info">{{ $t('battery.' + section) }}</div> <div class="card-header text-bg-info">{{ $t('battery.' + section) }}</div>
<div class="card-body"> <div class="card-body">
<div class="table-responsive">
<table class="table table-striped table-hover"> <table class="table table-striped table-hover">
<thead> <thead>
<tr> <tr>
@ -88,6 +89,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="col order-1" v-show="batteryData.showIssues"> <div class="col order-1" v-show="batteryData.showIssues">
<div class="card"> <div class="card">
<div :class="{ 'card-header': true, 'border-bottom-0': maxIssueValue === 0 }"> <div :class="{ 'card-header': true, 'border-bottom-0': maxIssueValue === 0 }">