Fix thumbnail height and make the image cover the container

LucasVadilho

20.07.2020 212d1e1436fd5ac8c9fc197c90942f509372c564

Fix thumbnail height and make the image cover the container

 assets/css/style.css

@@ -14,6 +14,7 @@
    --blockquote-border-color: #dfe2e5;
    --thumbnail-size: 150px;
    --thumbnail-position: 1; /* -1 left, 1 right */
    --thumbnail-height: 300px;
    scroll-padding-top: 100px;
}

@@ -489,14 +490,20 @@
}

/* Alternative Thumbnail */
.post-text {
    width: 100%;
}

.post-thumbnail {
    width: 100%;
    padding-bottom: 1em;
    height: auto;
    height: var(--thumbnail-height);
}

.post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pagination {
@@ -972,6 +979,10 @@
    .preview .thumbnail {
        order: var(--thumbnail-position);
    }

    :root {
        --thumbnail-height: 200px;
    }
}

/* Medium zoom */