ilia/profile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Justify text alignment of card description

Browse Source
This commit is contained in:
Ariful Alam 2024-03-05 19:03:36 +06:00
parent 3f9a04395a
commit 06328160e4
2 changed files with 6 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/external-project-card/index.tsx
View File

@ -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>

6
src/components/publication-card/index.tsx
View File

@ -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>
)}