From 5f25e027c44dc12b70923e64e56d7df347b220f5 Mon Sep 17 00:00:00 2001
From: Damian Johnson <caihuadeveloper@163.com>
Date: Wed, 3 Apr 2024 23:19:00 +0800
Subject: [PATCH] style: adjust confirm dialog & web ui settings dialog (#821)

---
 src/components/profile/confirm-viewer.tsx   | 2 +-
 src/components/setting/mods/web-ui-item.tsx | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/profile/confirm-viewer.tsx b/src/components/profile/confirm-viewer.tsx
index d4ca21b8..2ed293e6 100644
--- a/src/components/profile/confirm-viewer.tsx
+++ b/src/components/profile/confirm-viewer.tsx
@@ -29,7 +29,7 @@ export const ConfirmViewer = (props: Props) => {
     <Dialog open={open} onClose={onClose} maxWidth="xs" fullWidth>
       <DialogTitle>{t(title)}</DialogTitle>
 
-      <DialogContent sx={{ width: "95%", pb: 1, userSelect: "text" }}>
+      <DialogContent sx={{ pb: 1, userSelect: "text" }}>
         {t(message)}
       </DialogContent>
 
diff --git a/src/components/setting/mods/web-ui-item.tsx b/src/components/setting/mods/web-ui-item.tsx
index 5d3d84d5..02915508 100644
--- a/src/components/setting/mods/web-ui-item.tsx
+++ b/src/components/setting/mods/web-ui-item.tsx
@@ -90,6 +90,8 @@ export const WebUIItem = (props: Props) => {
           title={value}
           color={value ? "text.primary" : "text.secondary"}
           sx={({ palette }) => ({
+            overflow: "hidden",
+            textOverflow: "ellipsis",
             "> span": {
               color: palette.primary.main,
             },