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 className="flex">
<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)}
>
{t('Notes')}
</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)}
>
{t('Notes & Replies')}