twitterchiver/viewer: don't crop images
This commit is contained in:
parent
a0d730cb47
commit
d9c5f3f74d
1 changed files with 2 additions and 15 deletions
|
@ -85,25 +85,12 @@ a:hover {
|
||||||
grid-template-rows: 50% 50%;
|
grid-template-rows: 50% 50%;
|
||||||
grid-auto-flow: dense;
|
grid-auto-flow: dense;
|
||||||
}
|
}
|
||||||
.media-item:only-child {
|
.media-item:only-child,
|
||||||
|
.media-item:nth-child(3):last-child {
|
||||||
grid-column-end: span 2;
|
grid-column-end: span 2;
|
||||||
}
|
}
|
||||||
.media-link {
|
|
||||||
position: relative;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
.media-link::before {
|
|
||||||
content: "";
|
|
||||||
display: block;
|
|
||||||
padding-bottom: calc(100% / (1920/1080));
|
|
||||||
}
|
|
||||||
.media-img {
|
.media-img {
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
height: 100%;
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
object-fit: cover;
|
|
||||||
}
|
}
|
||||||
.media-video {
|
.media-video {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
Loading…
Reference in a new issue