Compare commits

..

No commits in common. "c8ac8d6564881176da32ef1cdbf54ea146743b9c" and "fe2004b3daebe64814a25a119db3c9e4ba0c4674" have entirely different histories.

3 changed files with 28 additions and 22 deletions

View File

@ -14,13 +14,15 @@
</div> </div>
<div class="content-inner"> <div class="content-inner">
<Releases <ul
v-if="stash.scenes?.length > 0" v-if="stash.scenes?.length > 0"
:releases="stash.scenes.map(item => item.scene)" class="stash-section stash-scenes nolist"
class="stash-section stash-scenes" >
@stash="fetchStash" <li
@unstash="fetchStash" v-for="item in stash.scenes"
/> :key="item.id"
><Scene :release="item.scene" /></li>
</ul>
<ul <ul
v-if="stash.actors?.length > 0" v-if="stash.actors?.length > 0"
@ -37,7 +39,7 @@
<script> <script>
import Actor from '../actors/tile.vue'; import Actor from '../actors/tile.vue';
import Releases from '../releases/releases.vue'; import Scene from '../releases/scene-tile.vue';
async function fetchStash() { async function fetchStash() {
this.stash = await this.$store.dispatch('fetchStash', this.$route.params.stashId); this.stash = await this.$store.dispatch('fetchStash', this.$route.params.stashId);
@ -50,7 +52,7 @@ async function mounted() {
export default { export default {
components: { components: {
Actor, Actor,
Releases, Scene,
}, },
data() { data() {
return { return {
@ -87,23 +89,27 @@ export default {
} }
} }
.stash-section:not(:last-child) { .stash-section {
border-bottom: solid 1px var(--shadow-hint); padding: 1rem;
&:not(:last-child) {
border-bottom: solid 1px var(--shadow-hint);
}
}
.stash-actors,
.stash-scenes {
display: grid;
flex-grow: 1;
grid-gap: .5rem;
box-sizing: border-box;
} }
.stash-actors { .stash-actors {
display: grid;
grid-gap: .5rem;
grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr)); grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
flex-grow: 1;
padding: 1rem;
} }
.stash-scenes { .stash-scenes {
flex-grow: 0; grid-template-columns: repeat(auto-fill, minmax(22rem, 1fr));
.tiles {
grid-template-columns: repeat(auto-fill, minmax(22rem, 1fr));
}
} }
</style> </style>

4
package-lock.json generated
View File

@ -1,11 +1,11 @@
{ {
"name": "traxxx", "name": "traxxx",
"version": "1.188.1", "version": "1.188.0",
"lockfileVersion": 2, "lockfileVersion": 2,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"version": "1.188.1", "version": "1.188.0",
"license": "ISC", "license": "ISC",
"dependencies": { "dependencies": {
"@casl/ability": "^5.2.2", "@casl/ability": "^5.2.2",

View File

@ -1,6 +1,6 @@
{ {
"name": "traxxx", "name": "traxxx",
"version": "1.188.1", "version": "1.188.0",
"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": {