add line height and justify text

maheshj01 · Oct 25, 2024 · a98351d · a98351d
1 parent 732d0ce
commit a98351d
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/src/app/(main)/_components/completion.tsx b/src/app/(main)/_components/completion.tsx
@@ -449,7 +449,7 @@ const TextCompletionInput: React.FC<TextCompletionInputProps> = ({
     return (
         <div className="relative inline-block w-full">
             <textarea
-                className={`${customClass}`}
+                className={`${customClass} editor`}
                 value={inputValue}
                 onChange={handleChange}
                 onKeyDown={handleKeyDown}

diff --git a/src/app/markdown.css b/src/app/markdown.css
@@ -1,3 +1,7 @@
+.editor {
+    line-height: 1.0;
+}
+
 .reactMarkDown {
     /* word-break: break-all;
     white-space: pre-wrap; */
@@ -167,6 +171,15 @@
 */
 /* add standard styles for horizontal rules */
 
+.reactMarkDown a {
+    line-height: 100%;
+}
+
+.reactMarkDown p {
+    line-height: 120%;
+    text-align: justify;
+}
+
 .reactMarkDown hr {
     font-size: 1rem;
     font-weight: 400;