diff --git a/static/style.css b/static/style.css index 6fef076..7f2bfa4 100644 --- a/static/style.css +++ b/static/style.css @@ -523,13 +523,20 @@ a.search_subreddit:hover { .post_media { max-width: calc(100% - 40px); + height: auto; align-self: center; margin-top: 15px; margin: 5px auto; - height: auto; grid-area: post_media; background-color: var(--highlighted); - display: table; + background-image: url("data:image/svg+xml;utf8,"); + background-position: 50%; + background-repeat: no-repeat; +} + +.post_media.short { + max-height: 512px; + width: auto; } #post_url { @@ -579,7 +586,7 @@ a.search_subreddit:hover { margin: 5px; } -.post_thumbnail img { +.post_thumbnail svg { grid-area: 1 / 1 / 2 / 2; width: 100%; height: auto; @@ -592,7 +599,7 @@ a.search_subreddit:hover { background-color: var(--highlighted); } -.post_thumbnail svg { +.post_thumbnail.no_thumbnail svg { grid-area: 1 / 1 / 2 / 2; align-self: center; justify-self: center; diff --git a/templates/base.html b/templates/base.html index 15dfe8d..0de8a8e 100644 --- a/templates/base.html +++ b/templates/base.html @@ -4,7 +4,7 @@ {% block head %}