agrilink/frontend-smartfarming
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(actualgraph): fix responsiveness

Browse Source
This commit is contained in:
Desy Ayurianti 2024-11-12 13:57:05 +07:00
parent e770c97f91
commit 9ed5499042
2 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
agrilink_vocpro/src/app/pages/dashboard/page/actualgraph/actualgraph.component.html
View File

@ -8,7 +8,7 @@
<button (click)="loadData('npk2')" [ngClass]="{'active-button': selectedButton === 'npk2'}">NPK 2</button> <button (click)="loadData('npk2')" [ngClass]="{'active-button': selectedButton === 'npk2'}">NPK 2</button>
</div> </div>
<div class="graph loading"> <div class="graph">
<div class="title-graph" *ngIf="selectedButton === 'npk1'">Actual Graph Sensor NPK 1</div> <div class="title-graph" *ngIf="selectedButton === 'npk1'">Actual Graph Sensor NPK 1</div>
<div class="title-graph" *ngIf="selectedButton === 'npk2'">Actual Graph Sensor NPK 2</div> <div class="title-graph" *ngIf="selectedButton === 'npk2'">Actual Graph Sensor NPK 2</div>
<div class="graph-content"> <div class="graph-content">

9
agrilink_vocpro/src/app/pages/dashboard/page/actualgraph/actualgraph.component.scss
View File

@ -29,6 +29,7 @@
align-items: center; align-items: center;
text-align: center; text-align: center;
margin-top: 20px; margin-top: 20px;
overflow-x: auto;
} }
.table th, .table th,
@ -69,6 +70,10 @@
margin: auto; margin: auto;
font-size: 15px; font-size: 15px;
} }
.table{
font-size: 10px;
}
} }
@media (max-width: 344px) { @media (max-width: 344px) {
@ -82,6 +87,10 @@
font-size: 15px; font-size: 15px;
margin: auto; margin: auto;
} }
.table{
font-size: 10px;
}
} }
button { button {