Fixed pagination and scene poster overflowing page on small screens. Fixed back reload interfering with tag page hashes.

This commit is contained in:
2024-03-19 20:50:50 +01:00
parent 21eaa98de4
commit 52708b5d70
12 changed files with 141 additions and 77 deletions

View File

@@ -57,7 +57,7 @@
v-if="pageStash"
:selected="scope === 'stashed'"
value="stashed"
>Stashed</option>
>Added</option>
<option
v-if="filters.search"
@@ -299,14 +299,14 @@ function updateFilter(prop, value, reload = true) {
.scenes {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
gap: .75rem .5rem;
gap: .5rem;
padding: .5rem 1rem 1rem 1rem;
}
.scopes {
display: flex;
gap: .5rem;
margin: .75rem 0 .25rem 1rem;
padding: .75rem 0 .25rem 1rem;
}
.scope {
@@ -353,6 +353,8 @@ function updateFilter(prop, value, reload = true) {
@media(--small-20) {
.scenes {
grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
padding: .5rem .5rem 1rem .5rem;
gap: .5rem .25rem;
}
}
</style>