From 212d1e1436fd5ac8c9fc197c90942f509372c564 Mon Sep 17 00:00:00 2001
From: LucasVadilho <lucas.vadilho@gmail.com>
Date: Sun, 20 Sep 2020 00:07:02 +0000
Subject: [PATCH] Fix thumbnail height and make the image cover the container
---
assets/css/style.css | 13 ++++++++++++-
1 files changed, 12 insertions(+), 1 deletions(-)
diff --git a/assets/css/style.css b/assets/css/style.css
index a51906f..1b7ac12 100644
--- a/assets/css/style.css
+++ b/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 */
--
Gitblit v1.10.0