Fix justify texts

vallieres13 · Jan 25, 2024 · 36d1ef3 · 36d1ef3
1 parent e456ef0
commit 36d1ef3
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 4 deletions.
diff --git a/src/pages/Stories.tsx b/src/pages/Stories.tsx
@@ -180,7 +180,7 @@ const Stories = () => {
 									<div className="preview"><LazyLoadImage src={article.thumbnail} alt="Article Image" /></div>
 									<div className="meta">
 										{article.title ? <h2 dangerouslySetInnerHTML={{__html: article.title}}></h2> : <SkeletonTitle />}
-										{article.excerpt ? <p dangerouslySetInnerHTML={{__html: truncate(article.excerpt, 170)}}></p> : <SkeletonBlock />}
+										{article.excerpt ? <p dangerouslySetInnerHTML={{__html: truncate(article.excerpt, 127)}}></p> : <SkeletonBlock />}
 										<ul className="details">
 											<li><img src={UserIcon} alt="User" /> {article.author}</li>
 											<li><img src={ClockIcon} alt="Clock" /> {article.readTime} Minutes</li>

diff --git a/src/styles/app.scss b/src/styles/app.scss
@@ -1281,7 +1281,6 @@ header {
 						font-family: "Greycliff CF Regular", sans-serif;
 						font-size: 18px;
 						color: #818181;
-						text-align: justify;
 						margin: 15px 0;
 					}
 
@@ -1375,7 +1374,6 @@ header {
 						font-family: "Greycliff CF Regular", sans-serif;
 						font-size: 18px;
 						color: #818181;
-						text-align: justify;
 					}
 
 					.details li {
@@ -1511,7 +1509,6 @@ header {
 			font-family: "Greycliff CF Regular", sans-serif;
 			font-size: 22px;
 			color: #5C5C5C;
-			text-align: justify;
 			margin: 1.5rem 0;
 		}