Changed scene media grid layout.

This commit is contained in:
DebaucheryLibrarian
2021-01-17 02:07:02 +01:00
parent 251bb9476d
commit 48f247a919
4 changed files with 6 additions and 34 deletions

View File

@@ -167,7 +167,7 @@ export default {
&.expanded {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(32rem, 1fr));
grid-template-columns: repeat(auto-fill, minmax(25rem, 1fr));
grid-gap: 1rem;
justify-content: center;
margin: 0 0 1rem 0;
@@ -243,14 +243,14 @@ export default {
}
.item {
height: 18rem;
max-height: 18rem;
max-width: 100%;
box-shadow: 0 0 3px var(--shadow-weak);
background-size: cover;
}
.trailer-container {
height: 18rem;
max-height: 18rem;
width: 32rem;
max-width: 100%;
}

View File

@@ -5,7 +5,7 @@
>
<Expand
v-if="expanded"
class="expand"
class="expand expand-dark"
:expanded="expanded"
@expand="(state) => expanded = state"
/>
@@ -26,7 +26,7 @@
<Expand
v-if="release.photos && release.photos.length > 0"
class="expand-bottom"
class="expand-bottom expand-dark"
:expanded="expanded"
@expand="(state) => expanded = state"
/>