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

fix(dashboard): fix responsive UI card section1 in dashboard

Browse Source
This commit is contained in:
Desy Ayurianti 2024-10-08 13:59:56 +07:00
parent 2c7a2a4a01
commit 59e89aee72
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
agrilink_vocpro/src/app/pages/dashboard/dashboard.component.scss
View File

@ -23,7 +23,7 @@
.card-container { .card-container {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
gap: 20px; gap: 30px;
margin-top: 20px; margin-top: 20px;
justify-content: flex-start; justify-content: flex-start;
} }
@ -64,12 +64,20 @@
.card-parameter{ .card-parameter{
flex: 1 1 45%; flex: 1 1 45%;
} }
.card-container{
justify-content: center;
}
} }
@media (max-width: 576px) { @media (max-width: 576px) {
.card-parameter{ .card-parameter{
flex: 1 1 100%; flex: 1 1 100%;
} }
.card-container{
justify-content: center;
}
} }
button { button {