DebaucheryLibrarian/traxxx-web
1
1
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

Hiding header nav bar on small screens. Improved scene and movie tile scaling, added thumbnail placeholder. Added pagination to movies page.

Browse Source
This commit is contained in:
DebaucheryLibrarian
2024-03-17 23:55:36 +01:00
parent da5e02be3d
commit c7f8391e43
5 changed files with 120 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
components/scenes/scenes.vue
View File

@@ -293,7 +293,7 @@ function updateFilter(prop, value, reload = true) {
.scenes {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(22rem, 1fr));
grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
gap: .75rem .5rem;
padding: .5rem 1rem 1rem 1rem;
}
@@ -330,4 +330,16 @@ function updateFilter(prop, value, reload = true) {
display: flex;
}
}
@media(--small-10) {
.scenes {
grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
}
}
@media(--small-20) {
.scenes {
grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
}
}
</style>