Fix warning of nested element

This commit is contained in:
Ariful Alam 2025-07-06 18:10:48 +06:00
parent db19264188
commit 01139329b5
4 changed files with 8 additions and 8 deletions

View File

@ -193,11 +193,11 @@ const BlogCard = ({
? skeleton({ widthCls: 'w-28', heightCls: 'h-8' }) ? skeleton({ widthCls: 'w-28', heightCls: 'h-8' })
: 'My Articles'} : 'My Articles'}
</h3> </h3>
<p className="text-base-content/60 text-xs sm:text-sm mt-1 truncate"> <div className="text-base-content/60 text-xs sm:text-sm mt-1 truncate">
{loading {loading
? skeleton({ widthCls: 'w-32', heightCls: 'h-4' }) ? skeleton({ widthCls: 'w-32', heightCls: 'h-4' })
: 'Recent posts'} : 'Recent posts'}
</p> </div>
</div> </div>
</div> </div>
</div> </div>

View File

@ -148,11 +148,11 @@ const ExternalProjectCard = ({
? skeleton({ widthCls: 'w-40', heightCls: 'h-8' }) ? skeleton({ widthCls: 'w-40', heightCls: 'h-8' })
: header} : header}
</h3> </h3>
<p className="text-base-content/60 text-xs sm:text-sm mt-1 truncate"> <div className="text-base-content/60 text-xs sm:text-sm mt-1 truncate">
{loading {loading
? skeleton({ widthCls: 'w-32', heightCls: 'h-4' }) ? skeleton({ widthCls: 'w-32', heightCls: 'h-4' })
: `Showcasing ${externalProjects.length} external projects`} : `Showcasing ${externalProjects.length} external projects`}
</p> </div>
</div> </div>
</div> </div>
</div> </div>

View File

@ -154,11 +154,11 @@ const GithubProjectCard = ({
? skeleton({ widthCls: 'w-48', heightCls: 'h-8' }) ? skeleton({ widthCls: 'w-48', heightCls: 'h-8' })
: header} : header}
</h3> </h3>
<p className="text-base-content/60 text-xs sm:text-sm mt-1 truncate"> <div className="text-base-content/60 text-xs sm:text-sm mt-1 truncate">
{loading {loading
? skeleton({ widthCls: 'w-32', heightCls: 'h-4' }) ? skeleton({ widthCls: 'w-32', heightCls: 'h-4' })
: `Showcasing ${githubProjects.length} featured repositories`} : `Showcasing ${githubProjects.length} featured repositories`}
</p> </div>
</div> </div>
</div> </div>
</div> </div>

View File

@ -142,11 +142,11 @@ const PublicationCard = ({
? skeleton({ widthCls: 'w-40', heightCls: 'h-8' }) ? skeleton({ widthCls: 'w-40', heightCls: 'h-8' })
: 'Publications'} : 'Publications'}
</h3> </h3>
<p className="text-base-content/60 text-xs sm:text-sm mt-1 truncate"> <div className="text-base-content/60 text-xs sm:text-sm mt-1 truncate">
{loading {loading
? skeleton({ widthCls: 'w-32', heightCls: 'h-4' }) ? skeleton({ widthCls: 'w-32', heightCls: 'h-4' })
: `Showcasing ${publications.length} publications`} : `Showcasing ${publications.length} publications`}
</p> </div>
</div> </div>
</div> </div>
</div> </div>