Fix CSS for preview images.
This commit is contained in:
parent
43a87bbd99
commit
abc521c07d
@ -79,9 +79,11 @@ body {
|
|||||||
body .layout-preview img {
|
body .layout-preview img {
|
||||||
width: auto;
|
width: auto;
|
||||||
height: auto;
|
height: auto;
|
||||||
max-width: 90vw;
|
max-width: calc(.9 * var(--square));
|
||||||
max-height: 90vh;
|
max-height: calc(.9 * var(--square));
|
||||||
box-shadow: 0.2em 0.2em 0.5em 0 rgba(0, 0, 0, 0.3); }
|
box-shadow: 0.2em 0.2em 0.5em 0 rgba(0, 0, 0, 0.3);
|
||||||
|
object-fit: cover;
|
||||||
|
margin: calc(.05 * var(--square)); }
|
||||||
body .layout-preview img[src$="-crop.svg"] {
|
body .layout-preview img[src$="-crop.svg"] {
|
||||||
background: white;
|
background: white;
|
||||||
padding: calc(var(--margin) * var(--square));
|
padding: calc(var(--margin) * var(--square));
|
||||||
|
|||||||
@ -112,9 +112,11 @@ body {
|
|||||||
img {
|
img {
|
||||||
width: auto;
|
width: auto;
|
||||||
height: auto;
|
height: auto;
|
||||||
max-width: 90vw;
|
max-width: calc(.9 * var(--square));
|
||||||
max-height: 90vh;
|
max-height: calc(.9 * var(--square));
|
||||||
box-shadow: .2em .2em .5em 0 rgba(0, 0, 0, .3);
|
box-shadow: .2em .2em .5em 0 rgba(0, 0, 0, .3);
|
||||||
|
object-fit: cover;
|
||||||
|
margin: calc(.05 * var(--square));
|
||||||
&[src$="-crop.svg"] {
|
&[src$="-crop.svg"] {
|
||||||
background: white;
|
background: white;
|
||||||
padding: calc(var(--margin) * var(--square));
|
padding: calc(var(--margin) * var(--square));
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user