style: text-left

isd-sgcu · Jul 28, 2023 · 4063c22 · 4063c22
1 parent abe3b95
commit 4063c22
Showing 1 changed file with 11 additions and 9 deletions.
diff --git a/src/components/Article/Cover/components/ArticleBlock.tsx b/src/components/Article/Cover/components/ArticleBlock.tsx
@@ -33,22 +33,24 @@ function ArticleBlock({ article, index }: ArticleBlockProps) {
                 {article.preinfo}
             </div>
             <div
+                className="overflow-hidden text-left"
                 ref={fullInfoRef}
                 style={{
+                    transition: 'max-height 0.3s ease-in-out',
                     maxHeight: expanded
                         ? fullInfoRef.current?.scrollHeight + 'px'
                         : '0',
-                    overflow: 'hidden',
-                    transition: 'max-height 0.3s ease-in-out',
                 }}
             >
-                <Image
-                    src={article.img}
-                    width={200}
-                    height={200}
-                    alt={article.topic}
-                    className="my-4 w-full"
-                />
+                {article.img && (
+                    <Image
+                        src={article.img}
+                        width={200}
+                        height={200}
+                        alt={article.topic}
+                        className="my-4 w-full"
+                    />
+                )}
                 {article.fullinfo}
             </div>
         </button>