fix: readme editor active line highlight fix (#1646)

instill-ai · Dec 9, 2024 · 1f07494 · 1f07494
1 parent b1e1722
commit 1f07494
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/packages/toolkit/src/components/ReadmeEditor.tsx b/packages/toolkit/src/components/ReadmeEditor.tsx
@@ -165,7 +165,10 @@ export const ReadmeEditor = ({
             readOnly={!canEdit}
             markdown={content}
             onChange={debouncedUpdateModelReadme}
-            className="bg-semantic-fg-on-default overflow-y-auto h-full [&_.cm-editor]:outline-none [&_.cm-gutters]:bg-semantic-bg-alt-primary [&_.cm-activeLine]:bg-semantic-bg-alt-primary [&_.cm-activeLineGutter]:bg-semantic-bg-alt-primary [&_.cm-tooltip-autocomplete]:bg-semantic-bg-base-bg"
+            className={cn(
+              "bg-semantic-fg-on-default overflow-y-auto h-full [&_.cm-editor]:outline-none [&_.cm-gutters]:bg-semantic-bg-alt-primary [&_.cm-activeLine]:bg-transparent [&_.cm-activeLineGutter]:bg-semantic-bg-alt-primary [&_.cm-tooltip-autocomplete]:bg-semantic-bg-base-bg",
+              "[&_.cm-activeLine]:outline [&_.cm-activeLine]:outline-1 [&_.cm-activeLine]:outline-[#dce7fe]",
+            )}
           />
         </div>
       ) : (