fix: fontSize and some styles

src/components/proxy/proxy-item-mini.tsx

@@ -66,19 +66,15 @@ export const ProxyItemMini = (props: Props) => {
             "&:hover .the-check": { display: !showDelay ? "block" : "none" },
             "&:hover .the-delay": { display: showDelay ? "block" : "none" },
             "&:hover .the-icon": { display: "none" },
-            "&:hover ": {
-              bgcolor:
-                mode === "light"
-                  ? alpha(primary.main, 0.15)
-                  : alpha(primary.main, 0.35),
-            },
             "&.Mui-selected": {
               width: `calc(100% + 3px)`,
               marginLeft: `-3px`,
               borderLeft: `3px solid ${selectColor}`,
-              bgcolor,
+              bgcolor:
+                mode === "light"
+                  ? alpha(primary.main, 0.15)
+                  : alpha(primary.main, 0.35),
             },
-            // "&.Mui-selected .MuiListItemText-secondary": { color },
             backgroundColor: bgcolor,
           };
         },
@@ -95,8 +91,6 @@ export const ProxyItemMini = (props: Props) => {
             wordBreak: "break-all",
             overflow: "hidden",
             whiteSpace: "nowrap",
-            fontSize: "13px",
-            fontWeight: "700",
           }}
         >
           {proxy.name}
@@ -122,8 +116,6 @@ export const ProxyItemMini = (props: Props) => {
                   wordBreak: "break-all",
                   overflow: "hidden",
                   whiteSpace: "nowrap",
-                  fontSize: "11px",
-                  fontWeight: "700",
                   marginRight: "8px",
                 }}
               >
@@ -219,12 +211,3 @@ const TypeBox = styled(Box)(({ theme: { palette, typography } }) => ({
   padding: "0 4px",
   lineHeight: 1.5,
 }));
-
-const TypeTypo = styled(Box)(({ theme: { palette, typography } }) => ({
-  display: "inline-block",
-  fontSize: 10,
-  fontFamily: typography.fontFamily,
-  marginRight: "4px",
-  padding: "0 2px",
-  lineHeight: 1.25,
-}));

src/components/proxy/proxy-item.tsx

@@ -87,17 +87,13 @@ export const ProxyItem = (props: Props) => {
               "&:hover .the-check": { display: !showDelay ? "block" : "none" },
               "&:hover .the-delay": { display: showDelay ? "block" : "none" },
               "&:hover .the-icon": { display: "none" },
-              "&:hover ": {
+              "&.Mui-selected": {
+                borderLeft: `3px solid ${selectColor}`,
                 bgcolor:
                   mode === "light"
                     ? alpha(primary.main, 0.15)
                     : alpha(primary.main, 0.35),
               },
-              "&.Mui-selected": {
-                borderLeft: `3px solid ${selectColor}`,
-                bgcolor,
-              },
-              // "&.Mui-selected .MuiListItemText-secondary": { bgcolor },
               backgroundColor: bgcolor,
               marginBottom: "8px",
               height: "40px",