chore: fix count bubble styles

This commit is contained in:
Aman Harwara
2023-09-15 13:17:36 +05:30
parent 9407b61787
commit daea46d764

View File

@@ -14,9 +14,9 @@ const CountBubble = ({ count, position, className }: Props) => {
return (
<div
className={classNames(
'flex aspect-square h-5 w-5 items-center justify-center rounded-full border border-info-contrast bg-info text-[0.75rem] font-bold text-info-contrast md:h-4 md:w-4 md:text-[0.5rem]',
'flex aspect-square h-5 w-5 items-center justify-center rounded-full border border-info-contrast bg-info text-[0.75rem] font-bold text-info-contrast md:text-[0.65rem]',
'absolute bottom-full translate-y-3 md:translate-y-2',
position === 'left' ? 'right-full md:translate-x-2' : 'left-full -translate-x-3 md:-translate-x-2',
position === 'left' ? 'right-full md:translate-x-2' : 'left-full -translate-x-3 md:-translate-x-2.5',
className,
)}
>