DebaucheryLibrarian/traxxx
2
1
Fork 1
Code Issues 39 Pull Requests 1 Releases Wiki Activity

Improved mobile layout for header search. Improved release tile layout behavior.

Browse Source
This commit is contained in:
ThePendulum
2020-02-26 04:07:35 +01:00
parent ec70c4f0c7
commit 82d1f0fd38
4 changed files with 161 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
assets/components/releases/releases.vue
View File

@@ -75,7 +75,7 @@ export default {
.tiles {
width: 100%;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(20rem, .33fr));
grid-template-columns: repeat(auto-fit, minmax(20rem, .25fr));
grid-gap: 1rem;
}
@@ -85,6 +85,12 @@ export default {
}
@media(max-width: $breakpoint4) {
.tiles {
grid-template-columns: repeat(auto-fit, minmax(20rem, .33fr));
}
}
@media(max-width: $breakpoint3) {
.tiles {
grid-template-columns: repeat(auto-fit, minmax(20rem, .5fr));
}
@@ -92,7 +98,7 @@ export default {
@media(max-width: $breakpoint) {
.tiles {
grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
}
}
</style>