From dd68a73efd3598238cb3f195d3a27bf630362451 Mon Sep 17 00:00:00 2001
From: Gabe Yuan <gabe@zq.com>
Date: Thu, 26 Oct 2023 10:41:04 +0800
Subject: [PATCH] set overflowWrap for long url

---
 src/views/Options/Rules.js | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/views/Options/Rules.js b/src/views/Options/Rules.js
index e08f9ce..ce2a43e 100644
--- a/src/views/Options/Rules.js
+++ b/src/views/Options/Rules.js
@@ -375,8 +375,9 @@ function RuleAccordion({ rule, rules }) {
     <Accordion expanded={expanded} onChange={handleChange}>
       <AccordionSummary expandIcon={<ExpandMoreIcon />}>
         <Typography
-          style={{
+          sx={{
             opacity: rules ? 1 : 0.5,
+            overflowWrap: "anywhere",
           }}
         >
           {rule.pattern === GLOBAL_KEY
@@ -663,7 +664,14 @@ function SubRulesItem({
 
   return (
     <Stack direction="row" alignItems="center" spacing={2}>
-      <FormControlLabel value={url} control={<Radio />} label={url} />
+      <FormControlLabel
+        value={url}
+        control={<Radio />}
+        sx={{
+          overflowWrap: "anywhere",
+        }}
+        label={url}
+      />
 
       {syncAt && (
         <span style={{ marginLeft: "0.5em", opacity: 0.5 }}>