discord-bots/TheArtificer
1
1
Fork 0
mirror of https://github.com/Burn-E99/TheArtificer.git synced 2026-06-04 09:03:50 -04:00
Code Issues Releases Activity

Fixed CSS for mobile devices

Browse Source
This commit is contained in:
Ean Milligan (Bastion)
2022-05-28 04:25:17 -04:00
parent 26085e8238
commit 92c97579c0
2 changed files with 60 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
www/api/main.css
View File

@@ -143,3 +143,33 @@ body {
padding: 0 1rem; padding: 0 1rem;
} }
} }
@media screen and (max-width: 807px) {
#page {
grid-template-rows: 6rem calc(100vh - 8rem) 2rem;
}
#page-contents {
height: calc(100vh - 8rem);
}
}
@media screen and (max-width: 474px) {
#page {
grid-template-rows: 9rem calc(100vh - 11rem) 2rem;
}
#page-contents {
height: calc(100vh - 11rem);
}
}
@media screen and (max-width: 337px) {
#page {
grid-template-rows: 12rem calc(100vh - 14rem) 2rem;
}
#page-contents {
height: calc(100vh - 14rem);
}
}

30
www/home/main.css
View File

@@ -163,3 +163,33 @@ p.example {
padding: 0 1rem; padding: 0 1rem;
} }
} }
@media screen and (max-width: 630px) {
#page {
grid-template-rows: 6rem calc(100vh - 8rem) 2rem;
}
#page-contents {
height: calc(100vh - 8rem);
}
}
@media screen and (max-width: 330px) {
#page {
grid-template-rows: 9rem calc(100vh - 11rem) 2rem;
}
#page-contents {
height: calc(100vh - 11rem);
}
}
@media screen and (max-width: 292px) {
#page {
grid-template-rows: 12rem calc(100vh - 14rem) 2rem;
}
#page-contents {
height: calc(100vh - 14rem);
}
}