chore: add rule list search-box

2024-07-02 17:32:49 +08:00
parent b558202441
commit 86e43123b0
3 changed files with 45 additions and 23 deletions
--- a/src/components/profile/rule-item.tsx
+++ b/src/components/profile/rule-item.tsx
@@ -46,10 +46,14 @@ export const RuleItem = (props: Props) => {
        primary={
          <>
            <Typography
-              sx={{ textDecoration: type === "delete" ? "line-through" : "" }}
+              sx={{
+                textDecoration: type === "delete" ? "line-through" : "",
+                overflow: "hidden",
+                whiteSpace: "nowrap",
+                textOverflow: "ellipsis",
+              }}
              variant="h6"
-              component="span"
-              noWrap
+              title={rule.length === 3 ? rule[1] : "-"}
            >
              {rule.length === 3 ? rule[1] : "-"}
            </Typography>