@@ -63,6 +63,16 @@ const CardImage = styled.img`
6363 border-radius: 4px;
6464` ;
6565
66+ const StyledParagraph = styled ( Paragraph ) `
67+ img {
68+ max-width: 100%; /* or whatever you want */
69+ height: auto; /* keep aspect ratio */
70+ object-fit: contain; /* prevent distortion */
71+ display: block; /* optional: avoid inline weirdness */
72+ margin: 8px 0; /* optional spacing */
73+ }
74+ ` ;
75+
6676const cardGridStyle = { padding :"8px" } ;
6777
6878type NewsEntry = any ; // replace with actual types if available
@@ -139,7 +149,7 @@ export function NewsLayout() {
139149hoverable
140150cover = {
141151< a href = { url } target = "_blank" rel = "noreferrer" >
142- < CardImage src = { coverImage } alt = { htmlTitle } />
152+ < CardImage src = { coverImage } alt = { htmlTitle } style = { { minHeight : "500px" } } />
143153</ a >
144154}
145155>
@@ -223,9 +233,9 @@ export function NewsLayout() {
223233extra = { < a href = { c . html_url } target = "_blank" rel = "noreferrer" > View</ a > }
224234>
225235< Paragraph type = "secondary" > { new Date ( c . published_at ) . toLocaleDateString ( ) } </ Paragraph >
226- < Paragraph ellipsis = { { rows :5 } } >
236+ < StyledParagraph ellipsis = { { rows :10 } } >
227237< span dangerouslySetInnerHTML = { { __html :c . body . replace ( / \r \n / g, "<br />" ) } } />
228- </ Paragraph >
238+ </ StyledParagraph >
229239</ Card >
230240</ Col >
231241) ;
@@ -234,8 +244,6 @@ export function NewsLayout() {
234244
235245< Divider />
236246
237-
238-
239247</ Card >
240248
241249</ NewsView >