tronnet/ProxmoxAAS-Dashboard
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add alternate chart layout for narrow screens

Browse Source
This commit is contained in:
Arthur Lu
2023-10-05 16:38:25 +00:00
parent c5c54b0691
commit a18cc5f39c
3 changed files with 71 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
account.html
View File

@@ -16,23 +16,23 @@
#resource-container {
display: grid;
grid-template-columns: repeat(auto-fill, calc(100% / 6));
grid-gap: 0px;
grid-gap: 0;
justify-content: space-between;
}
}
@media screen and (width <= 1264px) and (width >= 480px) {
@media screen and (width <= 1264px) and (width >= 680px) {
#resource-container {
display: grid;
grid-template-columns: repeat(auto-fill, 200px);
grid-gap: 0px;
grid-gap: 0;
justify-content: space-between;
}
}
@media screen and (width <= 480px) {
@media screen and (width <= 680px) {
#resource-container {
display: flex;
flex-direction: column;
gap: 0px;
gap: 0;
flex-wrap: nowrap;
justify-content: center;
}