Fix CSS for preview images.

This commit is contained in:
Kremitzl 2019-05-04 11:27:17 +02:00
parent 43a87bbd99
commit abc521c07d
2 changed files with 9 additions and 5 deletions

View File

@ -79,9 +79,11 @@ body {
body .layout-preview img {
width: auto;
height: auto;
max-width: 90vw;
max-height: 90vh;
box-shadow: 0.2em 0.2em 0.5em 0 rgba(0, 0, 0, 0.3); }
max-width: calc(.9 * var(--square));
max-height: calc(.9 * var(--square));
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"] {
background: white;
padding: calc(var(--margin) * var(--square));

View File

@ -112,9 +112,11 @@ body {
img {
width: auto;
height: auto;
max-width: 90vw;
max-height: 90vh;
max-width: calc(.9 * var(--square));
max-height: calc(.9 * var(--square));
box-shadow: .2em .2em .5em 0 rgba(0, 0, 0, .3);
object-fit: cover;
margin: calc(.05 * var(--square));
&[src$="-crop.svg"] {
background: white;
padding: calc(var(--margin) * var(--square));