okseby/orchard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

added brick and video scaling

Browse source
This commit is contained in:
booploops 2022-06-14 04:39:19 -07:00
parent 7746daee54
commit 196001832d
1 changed files with 45 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

50
src/renderer/less/elements.less
View file

@ -1059,7 +1059,7 @@
} }
} }
&:not(.noscale) { &:not(.mediaitem-brick):not(.mediaitem-video):not(.noscale) {
@media (min-width: 1460px) { @media (min-width: 1460px) {
--scaleRate: 1.1; --scaleRate: 1.1;
--scaleRateArtwork: 0.9; --scaleRateArtwork: 0.9;
@ -1133,8 +1133,6 @@
} }
&.mediaitem-video { &.mediaitem-video {
--scaleRate: 1.25;
--scaleRateArtwork: 1.25;
height: 200px; height: 200px;
width: 240px; width: 240px;
@ -1144,13 +1142,27 @@
} }
&:not(.noscale) { &:not(.noscale) {
@media (min-width: 1600px) { @media (min-width: 1460px) {
--scaleRate: 1.1;
--scaleRateArtwork: 1.1;
width: calc(240px * var(--scaleRate)); width: calc(240px * var(--scaleRate));
height: calc(200px * var(--scaleRate)); height: calc(200px * var(--scaleRate));
.artwork-container > .artwork { .artwork-container > .artwork {
width: calc(212px * var(--scaleRateArtwork)); width: calc(220px * var(--scaleRateArtwork));
height: calc(120px * var(--scaleRateArtwork)); height: calc(123px * var(--scaleRateArtwork));
}
}
@media (min-width: 1550px) {
--scaleRate: 1.25;
--scaleRateArtwork: 1.25;
width: calc(240px * var(--scaleRate));
height: calc(200px * var(--scaleRate));
.artwork-container > .artwork {
width: calc(220px * var(--scaleRateArtwork));
height: calc(123px * var(--scaleRateArtwork));
} }
} }
} }
@ -1164,6 +1176,32 @@
height: 123px; height: 123px;
width: 220px; width: 220px;
} }
&:not(.noscale) {
@media (min-width: 1460px) {
--scaleRate: 1.1;
--scaleRateArtwork: 1.1;
width: calc(240px * var(--scaleRate));
height: calc(200px * var(--scaleRate));
.artwork-container > .artwork {
width: calc(220px * var(--scaleRateArtwork));
height: calc(123px * var(--scaleRateArtwork));
}
}
@media (min-width: 1550px) {
--scaleRate: 1.25;
--scaleRateArtwork: 1.25;
width: calc(240px * var(--scaleRate));
height: calc(200px * var(--scaleRate));
.artwork-container > .artwork {
width: calc(220px * var(--scaleRateArtwork));
height: calc(123px * var(--scaleRateArtwork));
}
}
}
} }
&.mediaitem-small { &.mediaitem-small {