forked from DebaucheryLibrarian/traxxx
Improved scene tile scaling.
This commit is contained in:
parent
d1e05915b5
commit
a867817dc1
|
@ -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>
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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,
|
||||||
|
|
Loading…
Reference in New Issue