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

Added grid rule to prevent row gaps on large screens.

Browse Source
This commit is contained in:
DebaucheryLibrarian
2026-07-24 00:33:56 +02:00
parent e46f174a1e
commit b86cf8e30f
5 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
assets/css/breakpoints.css
View File

@@ -8,3 +8,5 @@
@custom-media --small (max-width: 900px); @custom-media --small (max-width: 900px);
@custom-media --compact (max-width: 1200px); @custom-media --compact (max-width: 1200px);
@custom-media --big (max-width: 1500px); @custom-media --big (max-width: 1500px);
@custom-media --big-10 (max-width: 1750px);
@custom-media --big-20 (max-width: 2000px);

1
components/actors/actors.vue
View File

@@ -303,6 +303,7 @@ function updateFilter(prop, value, reload = true) {
display: grid; display: grid;
flex-grow: 1; flex-grow: 1;
grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr)); grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
grid-auto-rows: max-content; /* prevent row gaps on large screens */
gap: .25rem; gap: .25rem;
} }

2
components/movies/movies.vue
View File

@@ -279,7 +279,7 @@ function updateFilter(prop, value, reload = true) {
.movies { .movies {
display: grid; display: grid;
grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr)); grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
gap: 1rem; gap: .5rem;
padding: .5rem 1rem 1rem 1rem; padding: .5rem 1rem 1rem 1rem;
} }

1
components/scenes/scenes.vue
View File

@@ -447,6 +447,7 @@ function setView(newView) {
.scenes { .scenes {
display: grid; display: grid;
grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr)); grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
grid-auto-rows: min-content;
gap: .5rem; gap: .5rem;
padding: .5rem 1rem 1rem 1rem; padding: .5rem 1rem 1rem 1rem;
} }

1
pages/tags/+Page.vue
View File

@@ -279,6 +279,7 @@ onMounted(() => {
.tags { .tags {
display: grid; display: grid;
grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr)); grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
grid-auto-rows: max-content; /* prevent row gaps on large screens */
gap: 1rem .5rem; gap: 1rem .5rem;
padding: .75rem 1rem; padding: .75rem 1rem;
} }