From 0aac6da554b5be398a43f0419ade47c25883ee14 Mon Sep 17 00:00:00 2001
From: croatialu <wuli.croatia@foxmail.com>
Date: Fri, 11 Jul 2025 14:19:58 +0800
Subject: [PATCH 1/2] fix: Optimize the code editor component, adjust the style
 and structure to ensure the overlay is correctly rendered in the disabled
 state.

---
 apps/dokploy/components/shared/code-editor.tsx | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/apps/dokploy/components/shared/code-editor.tsx b/apps/dokploy/components/shared/code-editor.tsx
index 23e26e887..19ee80114 100644
--- a/apps/dokploy/components/shared/code-editor.tsx
+++ b/apps/dokploy/components/shared/code-editor.tsx
@@ -147,7 +147,7 @@ export const CodeEditor = ({
 }: Props) => {
 	const { resolvedTheme } = useTheme();
 	return (
-		<div className={cn("relative overflow-auto", wrapperClassName)}>
+		<div className={cn("overflow-auto", wrapperClassName)}>
 			<CodeMirror
 				basicSetup={{
 					lineNumbers,
@@ -168,21 +168,22 @@ export const CodeEditor = ({
 					props.lineWrapping ? EditorView.lineWrapping : [],
 					language === "yaml"
 						? autocompletion({
-								override: [dockerComposeComplete],
-							})
+							override: [dockerComposeComplete],
+						})
 						: [],
 				]}
 				{...props}
 				editable={!props.disabled}
 				className={cn(
-					"w-full h-full text-sm leading-relaxed",
+					"w-full h-full text-sm leading-relaxed relative",
 					`cm-theme-${resolvedTheme}`,
 					className,
 				)}
-			/>
-			{props.disabled && (
-				<div className="absolute top-0 rounded-md left-0 w-full h-full  flex items-center justify-center z-[10] [background:var(--overlay)] h-full" />
-			)}
+			>
+				{props.disabled && (
+					<div className="absolute top-0 rounded-md left-0 w-full h-full  flex items-center justify-center z-[10] [background:var(--overlay)] h-full" />
+				)}
+			</CodeMirror>
 		</div>
 	);
 };

From 58e6a14cd6133d1ce79838f2c46ab4926ccbb03d Mon Sep 17 00:00:00 2001
From: "autofix-ci[bot]" <114827586+autofix-ci[bot]@users.noreply.github.com>
Date: Sat, 12 Jul 2025 04:28:55 +0000
Subject: [PATCH 2/2] [autofix.ci] apply automated fixes

---
 apps/dokploy/components/shared/code-editor.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/dokploy/components/shared/code-editor.tsx b/apps/dokploy/components/shared/code-editor.tsx
index 19ee80114..fe50e8b4a 100644
--- a/apps/dokploy/components/shared/code-editor.tsx
+++ b/apps/dokploy/components/shared/code-editor.tsx
@@ -168,8 +168,8 @@ export const CodeEditor = ({
 					props.lineWrapping ? EditorView.lineWrapping : [],
 					language === "yaml"
 						? autocompletion({
-							override: [dockerComposeComplete],
-						})
+								override: [dockerComposeComplete],
+							})
 						: [],
 				]}
 				{...props}