feat: add sepeator calc in comment

This commit is contained in:
Sushan Yadav 2024-02-28 11:56:22 +05:45
parent 47cd8079e4
commit 97fea83582

View File

@ -63,10 +63,12 @@ const ActivityCard = ({ activity }: ActivityCardProps) => {
aria-label="Go to commit" aria-label="Go to commit"
variant="unstyled" variant="unstyled"
tabIndex={-1} tabIndex={-1}
className="p-0 text-elements-low-em shadow-[0px_0px_4px_0px_#FFFFFF40_inset] group-focus-within:opacity-100 group-hover:opacity-100 opacity-0 transition-all" className="p-0 text-elements-low-em group-focus-within:opacity-100 group-hover:opacity-100 opacity-0 transition-all"
leftIcon={<ArrowRightCircleFilledIcon className="w-5 h-5" />} leftIcon={<ArrowRightCircleFilledIcon className="w-5 h-5" />}
/> />
</Link> </Link>
{/* Separator calc => 100% - 36px (avatar) - 12px (padding-left) - 8px (gap)
*/}
<div className="pt-2 mb-2 ml-auto h-1 w-[calc(100%-36px-12px-8px)] border-b border-border-separator last:border-b-transparent"></div> <div className="pt-2 mb-2 ml-auto h-1 w-[calc(100%-36px-12px-8px)] border-b border-border-separator last:border-b-transparent"></div>
</> </>
); );