Fix expanded image height. Fixes #455

This commit is contained in:
Dessalines 2020-02-06 22:24:23 -05:00
parent b7a332ff3c
commit c84a2d6b1e
3 changed files with 7 additions and 2 deletions

View File

@ -37,6 +37,7 @@
} }
.md-div img { .md-div img {
max-height: 90vh;
max-width: 100%; max-width: 100%;
height: auto; height: auto;
} }
@ -170,3 +171,7 @@ hr {
-o-filter: blur(10px); -o-filter: blur(10px);
-ms-filter: blur(10px); -ms-filter: blur(10px);
} }
.img-expanded {
max-height: 90vh;
}

View File

@ -237,7 +237,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
class="pointer" class="pointer"
onClick={linkEvent(this, this.handleImageExpandClick)} onClick={linkEvent(this, this.handleImageExpandClick)}
> >
<img class="img-fluid" src={post.url} /> <img class="img-fluid img-expanded" src={post.url} />
</span> </span>
</div> </div>
</span> </span>

2
ui/src/utils.ts vendored
View File

@ -384,7 +384,7 @@ export function showAvatars(): boolean {
export function imageThumbnailer(url: string): string { export function imageThumbnailer(url: string): string {
let split = url.split('pictshare'); let split = url.split('pictshare');
if (split.length > 1) { if (split.length > 1) {
let out = `${split[0]}pictshare/140x140${split[1]}`; let out = `${split[0]}pictshare/192x192${split[1]}`;
return out; return out;
} else { } else {
return url; return url;