CampaignNewsList.tsx: Set max-width of 1200px to container

Remove the max-width of Typography as it is redundant now.. Co-authored-by: zahariev <[email protected]>
podkrepi-bg · Sep 27, 2023 · e2c381c · e2c381c
1 parent 363a42f
commit e2c381c
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/components/client/campaign-news/CampaignNewsList.tsx b/src/components/client/campaign-news/CampaignNewsList.tsx
@@ -127,6 +127,7 @@ export default function CampaignNewsList({ articles }: Props) {
                       ? INITIAL_HEIGHT_LIMIT
                       : 'auto',
                   overflow: 'hidden',
+                  maxWidth: 1200,
                 }}>
                 <Grid container item direction={'column'} gap={1}>
                   <Typography className={classes.articleHeader}>{article.title}</Typography>
@@ -137,7 +138,7 @@ export default function CampaignNewsList({ articles }: Props) {
                       dangerouslySetInnerHTML={{
                         __html: sanitizedDescription,
                       }}
-                      sx={{ wordBreak: 'break-word', maxWidth: 1200 }}
+                      sx={{ wordBreak: 'break-word' }}
                     />
                   </QuillStypeWrapper>
                   <Grid container item direction={'column'} gap={0.5}>
@@ -153,7 +154,7 @@ export default function CampaignNewsList({ articles }: Props) {
                   </Grid>
                 </Grid>
                 {article.newsFiles.length > 0 && (
-                  <Grid container item gap={1} xs={'auto'} style={{ maxWidth: '100%' }}>
+                  <Grid container item gap={1} direction={'row'} style={{ maxWidth: '100%' }}>
                     {images.map((file) => (
                       <Grid item key={file.id}>
                         <Image src={file.imgSource} width={220} height={120} alt={file.id} />