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

Improved album width on narrow screens.

This commit is contained in:
DebaucheryLibrarian 2021-01-23 23:56:24 +01:00
parent 7e52f6d18d
commit f7f9862489
2 changed files with 3 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -122,15 +122,9 @@ export default {
margin: 0 0 1rem 0; margin: 0 0 1rem 0;
} }
@media(max-width: $breakpoint) { @media(max-width: $breakpoint-pico) {
.album-items { .album-items {
grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr)); grid-template-columns: repeat(auto-fill, minmax(7rem, 1fr));
}
}
@media(max-width: $breakpoint-nano) {
.album-items {
grid-template-columns: repeat(auto-fill, 1fr);
} }
} }
</style> </style>

1
assets/css/_breakpoints.scss
View File

@ -1,3 +1,4 @@
$breakpoint-pico: 270px;
$breakpoint-nano: 320px; $breakpoint-nano: 320px;
$breakpoint-micro: 540px; $breakpoint-micro: 540px;
$breakpoint-small: 620px; $breakpoint-small: 620px;