fixes

Author: lucasgoral

src/components/Yaml/YamlDiff.module.css

@@ -1,8 +1,8 @@
 .container {
   position: relative;
-
+  border: 1px solid red;
   width: 100%;
-  height: 100%;
+  height: 50vh;
   max-height: 100%;
   max-width: 100%;
   overflow: hidden;

src/components/Yaml/YamlViewDialog.module.css

@@ -1,6 +1,5 @@
 .container {
   width: 100%;
-  min-height: 100%;
-  max-height: 100%;
+  height: calc(100vh - 8rem);
   max-width: 100%;
 }

src/components/Yaml/YamlViewDialog.tsx

@@ -16,8 +16,8 @@ export const YamlViewer: FC<YamlViewerProps> = ({ yamlString, filename }) => {
   return (
     <div className={styles.container}>
       {/* Use controlled value with a stable model path to update content without remounting */}
-      <div>.</div>
-      <YamlEditor value={yamlString} path={`${filename}.yaml`} options={{ readOnly: true }} />
+
+      <YamlEditor value={yamlString} path={`${filename}.yaml`} options={{ readOnly: false }} />
     </div>
   );
 };

src/components/Yaml/YamlViewer.module.css

@@ -34,18 +34,17 @@ export const YamlDiffEditor = (props: YamlDiffEditorProps) => {
     scrollBeyondLastLine: false,
     renderMarginRevertIcon: false,
     automaticLayout: true,
+    readOnly: true,
   };
 
   return (
-    <div style={{ width: '100%', height: '100%', minHeight: '50vh' }}>
-      <DiffEditor
-        {...rest}
-        theme={computedTheme}
-        options={simplifiedOptions}
-        height="100%"
-        // Force YAML language for both panes
-        language="yaml"
-      />
-    </div>
+    <DiffEditor
+      {...rest}
+      theme={computedTheme}
+      options={simplifiedOptions}
+      height="100%"
+      // Force YAML language for both panes
+      language="yaml"
+    />
   );
 };