cyberpresidentvanellope/Bubberstation
1
0
Fork 0
mirror of https://github.com/Bubberstation/Bubberstation.git synced 2026-08-30 08:37:43 +01:00
Code Issues Packages Projects Releases Wiki Activity

[MIRROR] Adjust stat panel grid item widths and breakpoints (#4793)

Browse Source 
* Adjust stat panel grid item widths and breakpoints (#58295)

* Adjust stat panel grid item widths and breakpoints

* Update statbrowser.html

Co-authored-by: celotajstg <celotajstg@ users.noreply.github.com>
Co-authored-by: Aleksej Komarov <stylemistake@ gmail.com>

* Adjust stat panel grid item widths and breakpoints

Co-authored-by: celotajstg <81999976+celotajstg@users.noreply.github.com>
Co-authored-by: celotajstg <celotajstg@ users.noreply.github.com>
Co-authored-by: Aleksej Komarov <stylemistake@ gmail.com>
This commit is contained in:
SkyratBot
2021-04-10 17:59:22 +01:00
committed by GitHub
co-authored by celotajstg Aleksej Komarov celotajstg
parent d3827d6573
commit 75c4af7130
1 changed files with 18 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
html/statbrowser.html
+18 -7
View File
@@ -146,23 +146,34 @@
.grid-item {
position: relative;
display: inline-block;
width: 150px;
width: 100%;
box-sizing: border-box;
overflow: visible;
padding: 3px 2px;
text-decoration: none;
overflow: visible;
}
@media only screen and (min-width: 720px) {
@media only screen and (min-width: 300px) {
.grid-item {
width: 25%;
box-sizing: border-box;
width: 50%;
}
}
@media only screen and (min-width: 800px) {
@media only screen and (min-width: 430px) {
.grid-item {
width: 33%;
}
}
@media only screen and (min-width: 560px) {
.grid-item {
width: 25%;
}
}
@media only screen and (min-width: 770px) {
.grid-item {
width: 20%;
box-sizing: border-box;
}
}