|
@@ -108,6 +108,9 @@ export const ProviderButton = () => {
|
|
|
>
|
|
|
{key}
|
|
|
</Typography>
|
|
|
+ <TypeBox component="span" sx={{ marginLeft: "8px" }}>
|
|
|
+ {item.proxies.length}
|
|
|
+ </TypeBox>
|
|
|
</>
|
|
|
}
|
|
|
secondary={
|
|
@@ -158,6 +161,17 @@ export const ProviderButton = () => {
|
|
|
</>
|
|
|
);
|
|
|
};
|
|
|
+const TypeBox = styled(Box)(({ theme }) => ({
|
|
|
+ display: "inline-block",
|
|
|
+ border: "1px solid #ccc",
|
|
|
+ borderColor: alpha(theme.palette.secondary.main, 0.5),
|
|
|
+ color: alpha(theme.palette.secondary.main, 0.8),
|
|
|
+ borderRadius: 4,
|
|
|
+ fontSize: 10,
|
|
|
+ marginRight: "4px",
|
|
|
+ padding: "0 2px",
|
|
|
+ lineHeight: 1.25,
|
|
|
+}));
|
|
|
|
|
|
const StyledTypeBox = styled(Box)(({ theme }) => ({
|
|
|
display: "inline-block",
|