Compare commits
7 commits
main
...
tweak/thum
Author | SHA1 | Date | |
---|---|---|---|
|
18494e1966 | ||
|
05b10a7c56 | ||
|
202ab7c37f | ||
|
31daff70cb | ||
|
3ddff78d88 | ||
|
7fbfa2f0ef | ||
|
1d20aa0644 |
2 changed files with 7 additions and 7 deletions
|
@ -198,9 +198,9 @@ blockquote {
|
|||
|
||||
.thumbnail {
|
||||
object-fit: cover;
|
||||
aspect-ratio: 4/3;
|
||||
width: 100%;
|
||||
max-height: 6rem;
|
||||
aspect-ratio: 1/1;
|
||||
width: 5rem;
|
||||
height: 5rem;
|
||||
}
|
||||
|
||||
.thumbnail svg {
|
||||
|
|
|
@ -333,7 +333,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
|
|||
return (
|
||||
<button
|
||||
type="button"
|
||||
className="d-inline-block position-relative mb-2 p-0 border-0"
|
||||
className="thumbnail rounded overflow-hidden d-inline-block position-relative mb-2 p-0 border-0"
|
||||
data-tippy-content={I18NextService.i18n.t("expand_here")}
|
||||
onClick={linkEvent(this, this.handleImageExpandClick)}
|
||||
aria-label={I18NextService.i18n.t("expand_here")}
|
||||
|
@ -348,7 +348,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
|
|||
} else if (!this.props.hideImage && url && thumbnail && this.imageSrc) {
|
||||
return (
|
||||
<a
|
||||
className="text-body d-inline-block position-relative mb-2"
|
||||
className="thumbnail rounded bg-light d-flex justify-content-center"
|
||||
href={url}
|
||||
rel={relTags}
|
||||
title={url}
|
||||
|
@ -1433,10 +1433,10 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
|
|||
)}
|
||||
<div className="col flex-grow-1">
|
||||
<div className="row">
|
||||
<div className="col-sm-3 col-lg-2 pe-0 post-media">
|
||||
<div className="col flex-grow-0 px-0">
|
||||
<div className="">{this.thumbnail()}</div>
|
||||
</div>
|
||||
<div className="col-12 col-sm-9 col-lg-10">
|
||||
<div className="col flex-grow-1">
|
||||
{this.postTitleLine()}
|
||||
{this.createdLine()}
|
||||
{this.commentsLine()}
|
||||
|
|
Loading…
Reference in a new issue