style: adjust confirm dialog & web ui settings dialog (#821)

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>
 

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,
             },