Compare commits

...

2 Commits

4 changed files with 30 additions and 22 deletions

View File

@ -114,25 +114,25 @@
/>
</nav>
<ul
class="scenes nolist"
>
<template v-for="item in campaignScenes">
<li
v-if="item === 'campaign' && sceneCampaign"
:key="`campaign-${item.id}`"
>
<Campaign :campaign="sceneCampaign" />
</li>
<div class="scenes-items">
<ul class="scenes nolist">
<template v-for="item in campaignScenes">
<li
v-if="item === 'campaign' && sceneCampaign"
:key="`campaign-${item.id}`"
>
<Campaign :campaign="sceneCampaign" />
</li>
<li
v-else
:key="`scene-${item.id}`"
>
<SceneTile :scene="item" />
</li>
</template>
</ul>
<li
v-else
:key="`scene-${item.id}`"
>
<SceneTile :scene="item" />
</li>
</template>
</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 {

View File

@ -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;
}

4
package-lock.json generated
View File

@ -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",

View File

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