0.26.4

components/scenes/scenes.vue

@@ -114,25 +114,25 @@
 				/>
 			</nav>
 
-			<ul
+			<div class="scenes-items">
-				class="scenes nolist"
+				<ul class="scenes nolist">
-			>
+					<template v-for="item in campaignScenes">
-				<template v-for="item in campaignScenes">
+						<li
-					<li
+							v-if="item === 'campaign' && sceneCampaign"
-						v-if="item === 'campaign' && sceneCampaign"
+							:key="`campaign-${item.id}`"
-						:key="`campaign-${item.id}`"
+						>
-					>
+							<Campaign :campaign="sceneCampaign" />
-						<Campaign :campaign="sceneCampaign" />
+						</li>
-					</li>
 
-					<li
+						<li
-						v-else
+							v-else
-						:key="`scene-${item.id}`"
+							:key="`scene-${item.id}`"
-					>
+						>
-						<SceneTile :scene="item" />
+							<SceneTile :scene="item" />
-					</li>
+						</li>
-				</template>
+					</template>
-			</ul>
+				</ul>
+			</div>
 
 			<Pagination
 				:total="total"
@@ -344,11 +344,15 @@ function updateFilter(prop, value, reload = true) {
 	margin-bottom: .5rem;
 }
 
+.scenes-items {
+	/* grow additional container to prevent gaps between grid tiles */
+	flex-grow: 1;
+}
+
 .scenes {
 	display: grid;
     grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
 	gap: .5rem;
-	flex-grow: 1;
 	padding: .5rem 1rem 1rem 1rem;
 
 	:deep(.campaign) .campaign-banner {

components/stashes/stash.vue

@@ -60,6 +60,7 @@ const stash = pageContext.pageProps.stash;
 .stash {
 	display: flex;
 	flex-direction: column;
+	flex-grow: 1;
 }
 
 .header {
@@ -115,6 +116,9 @@ const stash = pageContext.pageProps.stash;
 }
 
 .content {
+	display: flex;
+	flex-direction: column;
+	flex-grow: 1;
 	overflow-y: auto;
 }
 

package-lock.json

@@ -1,11 +1,11 @@
 {
   "name": "traxxx-web",
-  "version": "0.26.3",
+  "version": "0.26.4",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
-      "version": "0.26.3",
+      "version": "0.26.4",
       "dependencies": {
         "@brillout/json-serializer": "^0.5.8",
         "@dicebear/collection": "^7.0.5",

package.json

@@ -78,5 +78,5 @@
     "postcss-custom-media": "^10.0.2",
     "postcss-nesting": "^12.0.2"
   },
-  "version": "0.26.3"
+  "version": "0.26.4"
 }