Refreshing stash page when unstashing scene. Addressed stash preview overflowing on user page.

assets/components/releases/releases.vue

@@ -18,6 +18,7 @@
 					:release="release"
 					:referer="referer"
 					:index="index"
+					@stash="isStashed => $emit('stash', isStashed)"
 				/>
 			</li>
 		</ul>
@@ -63,6 +64,7 @@ export default {
 			default: null,
 		},
 	},
+	emits: ['stash'],
 	computed: {
 		range,
 		sfw,

assets/components/releases/scene-tile.vue

@@ -155,6 +155,8 @@ async function stashScene() {
 			sceneId: this.release.id,
 			stashId: this.$store.getters.favorites.id,
 		});
+
+		this.$emit('stash', true);
 	} catch (error) {
 		this.stashed = false;
 	}
@@ -168,6 +170,8 @@ async function unstashScene() {
 			sceneId: this.release.id,
 			stashId: this.$store.getters.favorites.id,
 		});
+
+		this.$emit('stash', false);
 	} catch (error) {
 		this.stashed = true;
 	}
@@ -183,6 +187,7 @@ export default {
 			default: null,
 		},
 	},
+	emits: ['stash'],
 	data() {
 		return {
 			stashed: this.release.isStashed,

assets/components/stashes/stash.vue

@@ -44,7 +44,6 @@
 				:releases="stash.scenes.map(item => item.scene)"
 				class="stash-section stash-scenes"
 				@stash="fetchStash"
-				@unstash="fetchStash"
 			/>
 
 			<ul

assets/components/users/user.vue

@@ -187,7 +187,8 @@ export default {
 	padding: 0;
 }
 
-.stash-link.stash-section {
+.stash-link {
+	flex-grow: 1;
 	display: inline-block;
 	text-decoration: none;
 }
@@ -205,9 +206,9 @@ export default {
 }
 
 .stash-name {
-	color: var(--shadow-strong);
 	padding: .5rem;
 	margin: 0;
+	color: var(--shadow-strong);
 }
 
 .stash-actors,
@@ -233,6 +234,7 @@ export default {
 
 .stash-actor,
 .stash-scene {
+	height: 100%;
 	flex-shrink: 0;
 }