LemmyNet/lemmy-ui
2
0
Fork 0
mirror of https://github.com/LemmyNet/lemmy-ui.git synced 2024-12-03 17:51:14 +00:00
Code Issues Projects Releases Wiki Activity

add static width/height for post listing thumbnails

Browse source
This commit is contained in:
Alec Armbruster 2023-06-27 17:31:00 -04:00
parent 1c759cc83b
commit 1d20aa0644
No known key found for this signature in database
GPG key ID: 52BC7C84E960FD1B
2 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/assets/css/main.css
View file

@ -198,9 +198,9 @@ blockquote {
.thumbnail { .thumbnail {
object-fit: cover; object-fit: cover;
aspect-ratio: 4/3; aspect-ratio: 1/1;
width: 100%; width: 5rem;
max-height: 6rem; height: 5rem;
} }
.thumbnail svg { .thumbnail svg {

2
src/shared/components/post/post-listing.tsx
View file

@ -1433,7 +1433,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
)} )}
<div className="col flex-grow-1"> <div className="col flex-grow-1">
<div className="row"> <div className="row">
<div className="col-sm-3 col-lg-2 pe-0 post-media"> <div className="col-auto pe-0 post-media">
<div className="">{this.thumbnail()}</div> <div className="">{this.thumbnail()}</div>
</div> </div>
<div className="col-12 col-sm-9 col-lg-10"> <div className="col-12 col-sm-9 col-lg-10">