diff --git a/src/components/Post/ImgBox.jsx b/src/components/Post/ImgBox.jsx index 8f428c383..f9ef00639 100644 --- a/src/components/Post/ImgBox.jsx +++ b/src/components/Post/ImgBox.jsx @@ -37,17 +37,22 @@ const ImgBox = ({ )}
- {caption && postHasImages && caption.length >= 200 ? ( -

+ {caption && postHasImages ? ( +

= 200 ? "postCaption" : "postCaptiontext" + }`} + > {caption}

) : ( - caption && - postHasImages && ( -

- -

- ) +

)}
diff --git a/src/components/Post/index.css b/src/components/Post/index.css index 82ed70c76..6ed6c2dc1 100644 --- a/src/components/Post/index.css +++ b/src/components/Post/index.css @@ -63,7 +63,7 @@ } .post__background { - min-height: 200px; + min-height: 350px; background: linear-gradient( 130deg, #dee2ed, @@ -379,3 +379,17 @@ font-size: 14px; } } + +.postCaption { + color: var(--color); + padding-inline: 8px; + height: 80px; +} + +.postCaptiontext { + color: var(--color); + padding-inline: 8px; + height: 80px; + display: flex; + align-items: flex-end; +}