Merge pull request #537 from arifszn/card-description

Justify text alignment of card description
arifszn · Mar 5, 2024 · 91673c4 · 91673c4
2 parents 3f9a043 + 0632816
commit 91673c4
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 8 deletions.
diff --git a/src/components/external-project-card/index.tsx b/src/components/external-project-card/index.tsx
@@ -32,7 +32,7 @@ const ExternalProjectCard = ({
                       })}
                     </h2>
                     <div className="avatar w-full h-full">
-                      <div className="w-20 h-20 mask mask-squircle mx-auto">
+                      <div className="w-24 h-24 mask mask-squircle mx-auto">
                         {skeleton({
                           widthCls: 'w-full',
                           heightCls: 'h-full',
@@ -93,12 +93,12 @@ const ExternalProjectCard = ({
             <div className="w-full">
               <div className="px-4">
                 <div className="text-center w-full">
-                  <h2 className="font-medium text-lg text-center opacity-60 mb-2">
+                  <h2 className="font-medium text-center opacity-60 mb-2">
                     {item.title}
                   </h2>
                   {item.imageUrl && (
                     <div className="avatar opacity-90">
-                      <div className="w-20 h-20 mask mask-squircle">
+                      <div className="w-24 h-24 mask mask-squircle">
                         <LazyImage
                           src={item.imageUrl}
                           alt={'thumbnail'}
@@ -111,7 +111,7 @@ const ExternalProjectCard = ({
                       </div>
                     </div>
                   )}
-                  <p className="mt-1 text-base-content text-opacity-60 text-sm">
+                  <p className="mt-2 text-base-content text-opacity-60 text-sm text-justify">
                     {item.description}
                   </p>
                 </div>

diff --git a/src/components/publication-card/index.tsx b/src/components/publication-card/index.tsx
@@ -87,9 +87,7 @@ const PublicationCard = ({
             <div className="w-full">
               <div className="px-4">
                 <div className="text-center w-full">
-                  <h2 className="font-medium text-lg opacity-60 mb-2">
-                    {item.title}
-                  </h2>
+                  <h2 className="font-medium opacity-60 mb-2">{item.title}</h2>
                   {item.conferenceName && (
                     <p className="text-base-content opacity-50 text-sm">
                       {item.conferenceName}
@@ -106,7 +104,7 @@ const PublicationCard = ({
                     </p>
                   )}
                   {item.description && (
-                    <p className="mt-2 text-base-content text-opacity-60 text-sm">
+                    <p className="mt-2 text-base-content text-opacity-60 text-sm text-justify">
                       {item.description}
                     </p>
                   )}