feat: enhance reply display toggle with hover effects

This commit is contained in:
codytseng
2024-12-08 15:55:05 +08:00
parent 38d1ad9590
commit f91a6545a1

View File

@@ -170,13 +170,13 @@ function DisplayRepliesSwitch({
<div> <div>
<div className="flex"> <div className="flex">
<div <div
className={`w-1/2 text-center py-2 font-semibold ${displayReplies ? 'text-muted-foreground' : ''}`} className={`w-1/2 text-center py-2 font-semibold hover:bg-muted cursor-pointer rounded-lg ${displayReplies ? 'text-muted-foreground' : ''}`}
onClick={() => setDisplayReplies(false)} onClick={() => setDisplayReplies(false)}
> >
{t('Notes')} {t('Notes')}
</div> </div>
<div <div
className={`w-1/2 text-center py-2 font-semibold ${displayReplies ? '' : 'text-muted-foreground'}`} className={`w-1/2 text-center py-2 font-semibold hover:bg-muted cursor-pointer rounded-lg ${displayReplies ? '' : 'text-muted-foreground'}`}
onClick={() => setDisplayReplies(true)} onClick={() => setDisplayReplies(true)}
> >
{t('Notes & Replies')} {t('Notes & Replies')}