Improved scene tile scaling.

This commit is contained in:
DebaucheryLibrarian 2021-10-31 01:00:12 +02:00
parent d1e05915b5
commit a867817dc1
3 changed files with 26 additions and 10 deletions

View File

@ -126,10 +126,29 @@ export default {
font-weight: bold; font-weight: bold;
} }
@media(max-width: $breakpoint-mega) {
.tiles {
grid-template-columns: repeat(auto-fill, minmax(19rem, 1fr));
}
}
@media(max-width: $breakpoint-kilo) { @media(max-width: $breakpoint-kilo) {
.tiles { .tiles {
grid-template-columns: repeat(auto-fill, minmax(18.5rem, 1fr));
grid-gap: .5rem; grid-gap: .5rem;
padding: .5rem; padding: .5rem;
} }
} }
@media(max-width: $breakpoint) {
.tiles {
grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
}
}
@media(max-width: $breakpoint-micro) {
.tiles {
grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr));
}
}
</style> </style>

View File

@ -233,7 +233,6 @@ export default {
height: 100%; height: 100%;
box-shadow: 0 0 3px var(--darken-weak); box-shadow: 0 0 3px var(--darken-weak);
/*
&.new .poster::after { &.new .poster::after {
content: 'new'; content: 'new';
position: absolute; position: absolute;
@ -253,7 +252,6 @@ export default {
line-height: 1; line-height: 1;
box-shadow: 0 0 3px var(--shadow); box-shadow: 0 0 3px var(--shadow);
} }
*/
&:hover .unstashed, &:hover .unstashed,
&:hover .unstash { &:hover .unstash {
@ -435,7 +433,13 @@ export default {
display: none; display: none;
} }
@media(max-width: $breakpoint-kilo) { @media(max-width: $breakpoint) {
.thumbnail {
height: 11rem;
}
}
@media(max-width: $breakpoint-micro) {
.tile-body { .tile-body {
flex-direction: row; flex-direction: row;
} }
@ -480,7 +484,6 @@ export default {
display: none; display: none;
} }
/*
.tile.new .poster::after { .tile.new .poster::after {
top: 0; top: 0;
right: .25rem; right: .25rem;
@ -488,7 +491,6 @@ export default {
border-radius: 0 0 .25rem .25rem; border-radius: 0 0 .25rem .25rem;
padding: .05rem 0 .1rem 0; padding: .05rem 0 .1rem 0;
} }
*/
.stash { .stash {
left: 0; left: 0;

View File

@ -99,11 +99,6 @@ export default {
box-sizing: border-box; box-sizing: border-box;
padding: .4rem .5rem; padding: .4rem .5rem;
} }
&.new .date::before {
content: '★';
margin: 0 .5rem 0 0;
}
} }
.site, .site,