From 29ae3e9ec096c5e57da7a88f07b534f969f8848a Mon Sep 17 00:00:00 2001
From: am6737 <1359816810@qq.com>
Date: Fri, 4 Oct 2024 15:16:52 +0800
Subject: [PATCH] feat: improve Helm charts values.yaml popup

- Added custom width (60vw) to Helm values.yaml dialog for better visibility.
- Enabled close modes: 'close' and 'mask' to improve user experience.

Closes #851

Signed-off-by: am6737 <1359816810@qq.com>
---
 packages/velaux-ui/src/components/HelmValueShow/index.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/velaux-ui/src/components/HelmValueShow/index.tsx b/packages/velaux-ui/src/components/HelmValueShow/index.tsx
index d331ef175..0e865017c 100644
--- a/packages/velaux-ui/src/components/HelmValueShow/index.tsx
+++ b/packages/velaux-ui/src/components/HelmValueShow/index.tsx
@@ -14,6 +14,8 @@ const HelmValueShow: React.FC<Props> = (props: Props) => {
   const [valueFile, setValueFile] = React.useState<string>('values.yaml');
   return (
     <Dialog
+      style={{ width: '60vw' }}
+      closeMode="close,mask"
       className={'helmValueDialog'}
       overflowScroll={true}
       visible={true}