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 4fa9246 commit 8439571Copy full SHA for 8439571
src/components/SearchBar.tsx
@@ -23,6 +23,16 @@ const SearchInput = styled(InputBase)`
23
}
24
`;
25
26
+const CustomBadge = styled(Badge)`
27
+ & > .MuiBadge-colorSecondary {
28
+ color: white;
29
+ }
30
+
31
+ & > .MuiBadge-badge {
32
+ font-weight: bold;
33
34
+`;
35
36
const SearchInputWrapper = styled.div`
37
display: flex;
38
align-items: center;
@@ -121,7 +131,7 @@ export const SearchBar = React.forwardRef<
121
131
}, [ref]);
122
132
123
133
return (
124
- <Badge
134
+ <CustomBadge
125
135
color="secondary"
126
136
invisible={!store.dirty}
127
137
badgeContent={store.dirtyByNumber}
@@ -152,7 +162,7 @@ export const SearchBar = React.forwardRef<
152
162
</>
153
163
)}
154
164
</SearchInputWrapper>
155
- </Badge>
165
+ </CustomBadge>
156
166
);
157
167
158
168
0 commit comments