chore: fix count bubble styles
This commit is contained in:
@@ -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,
|
||||
)}
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user