Compare commits
No commits in common. "dd1864479690961f153879c40c9d00230817e851" and "a77d8f4cea9862d69d3fd02c1293827be0baa183" have entirely different histories.
dd18644796
...
a77d8f4cea
|
@ -237,10 +237,7 @@
|
||||||
<SearchBar :placeholder="`Search ${totalCount} actors`" />
|
<SearchBar :placeholder="`Search ${totalCount} actors`" />
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<div
|
<div class="tiles">
|
||||||
ref="tiles"
|
|
||||||
class="tiles"
|
|
||||||
>
|
|
||||||
<Actor
|
<Actor
|
||||||
v-for="actor in actors"
|
v-for="actor in actors"
|
||||||
:key="`actor-${actor.id}`"
|
:key="`actor-${actor.id}`"
|
||||||
|
@ -328,7 +325,8 @@ async function fetchActors(scroll) {
|
||||||
this.topCountries = [...(this.country && !topCountries.includes(this.country) ? [this.country] : []), ...topCountries].map(alpha2 => countriesByAlpha2[alpha2]);
|
this.topCountries = [...(this.country && !topCountries.includes(this.country) ? [this.country] : []), ...topCountries].map(alpha2 => countriesByAlpha2[alpha2]);
|
||||||
|
|
||||||
if (scroll) {
|
if (scroll) {
|
||||||
this.$refs.tiles?.scrollIntoView();
|
this.$refs.content.scrollTop = 0;
|
||||||
|
// this.$refs.filter?.scrollIntoView();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -442,7 +440,6 @@ export default {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
overflow-y: auto;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.tiles {
|
.tiles {
|
||||||
|
|
|
@ -3,10 +3,7 @@
|
||||||
<div class="content-inner">
|
<div class="content-inner">
|
||||||
<SearchBar :placeholder="`Search ${totalCount} movies`" />
|
<SearchBar :placeholder="`Search ${totalCount} movies`" />
|
||||||
|
|
||||||
<div
|
<div class="tiles">
|
||||||
ref="tiles"
|
|
||||||
class="tiles"
|
|
||||||
>
|
|
||||||
<MovieTile
|
<MovieTile
|
||||||
v-for="movie in movies"
|
v-for="movie in movies"
|
||||||
:key="`movie-${movie.id}`"
|
:key="`movie-${movie.id}`"
|
||||||
|
@ -45,8 +42,6 @@ async function fetchMovies() {
|
||||||
|
|
||||||
this.movies = movies;
|
this.movies = movies;
|
||||||
this.totalCount = totalCount;
|
this.totalCount = totalCount;
|
||||||
|
|
||||||
this.$refs.tiles.scrollIntoView();
|
|
||||||
}
|
}
|
||||||
|
|
||||||
async function searchMovies() {
|
async function searchMovies() {
|
||||||
|
@ -76,7 +71,7 @@ export default {
|
||||||
return {
|
return {
|
||||||
movies: [],
|
movies: [],
|
||||||
totalCount: 0,
|
totalCount: 0,
|
||||||
limit: 5,
|
limit: 30,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
|
@ -104,14 +99,14 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.search {
|
.search {
|
||||||
margin: 1rem 0 0 0;
|
margin: 1rem 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tiles {
|
.tiles {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(auto-fill, minmax(25rem, 1fr));
|
grid-template-columns: repeat(auto-fill, minmax(25rem, 1fr));
|
||||||
grid-gap: 1rem;
|
grid-gap: 1rem;
|
||||||
padding: 1rem 0;
|
margin: 0 0 1rem 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media(max-width: $breakpoint-kilo) {
|
@media(max-width: $breakpoint-kilo) {
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
{
|
{
|
||||||
"name": "traxxx",
|
"name": "traxxx",
|
||||||
"version": "1.198.6",
|
"version": "1.198.5",
|
||||||
"lockfileVersion": 1,
|
"lockfileVersion": 1,
|
||||||
"requires": true,
|
"requires": true,
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
{
|
{
|
||||||
"name": "traxxx",
|
"name": "traxxx",
|
||||||
"version": "1.198.6",
|
"version": "1.198.5",
|
||||||
"description": "All the latest porn releases in one place",
|
"description": "All the latest porn releases in one place",
|
||||||
"main": "src/app.js",
|
"main": "src/app.js",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
|
|
Loading…
Reference in New Issue