We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
There was an error while loading. Please reload this page.
1 parent e0f7bea commit ea5c1a6Copy full SHA for ea5c1a6
ts/components/icon/SessionNotificationCount.tsx
@@ -6,6 +6,7 @@ type Props = {
6
centeredOnTop: boolean;
7
count?: number;
8
};
9
+
10
const StyledCountContainer = styled.div<{ $centeredOnTop: boolean }>`
11
background: var(--unread-messages-alert-background-color);
12
color: var(--unread-messages-alert-text-color);
@@ -14,7 +15,7 @@ const StyledCountContainer = styled.div<{ $centeredOnTop: boolean }>`
14
15
padding: ${props => (props.$centeredOnTop ? '1px 3px 0' : '1px 4px')};
16
17
position: absolute;
- top: ${props => (props.$centeredOnTop ? '-10px' : '22px')};
18
+ top: ${props => (props.$centeredOnTop ? '-10px' : '13px')};
19
left: ${props => (props.$centeredOnTop ? '50%' : '28px')};
20
21
font-size: var(--font-size-xs);
0 commit comments