fix display output

Author: PHAN Xuan Quang

XCan.Api/Controllers/MainController.cs

@@ -104,17 +104,13 @@ public async Task<ActionResult<string>> ExtractTextFromImage([FromBody] string i
 - **Fallback for Missing Emojis**: Provide text descriptions for emojis to maintain context.
 
 **Output Requirements**:
-- Default to Markdown for core formatting, using HTML and CSS for complex elements.
-- Ensure all extracted text and elements closely match the original layout, maintaining details and structures.
-- Provide clear notes for any elements not replicable in Markdown, using HTML and CSS to enhance visibility and formatting.
-- Response with the 'Text Not Found' if you can't find any text in the image that I provide.";
+- **Default** to Markdown for core formatting, using HTML and CSS for complex elements.
+- Ensure all extracted text and elements **closely match** the original layout, maintaining details and structures.
+- The output content **must not** be wrapped as a fenced code block (""```html"", ""```markdown"", etc).
+- Provide **clear notes** for any elements not replicable in Markdown, using HTML and CSS to enhance visibility and formatting.
+- Response with the **Text Not Found** if you can't find any text in the provided image.";
                 var prompt = "This is the image for you to extract text.";
                 var result = await Generator.ContentFromImage(apiKey, instruction, prompt, image, false, 20);
-                if (result.StartsWith("```") && result.EndsWith("```"))
-                {
-                    var lines = result.Split(Environment.NewLine);
-                    result = string.Join(Environment.NewLine, lines.Skip(1).Take(lines.Length - 2));
-                }
                 return Ok(result.Trim());
             }
             catch (Exception ex)
@@ -154,11 +150,6 @@ public async Task<ActionResult<string>> TranslateTextToVietnamese([FromBody] Req
                     .Trim();
 
                 var result = await Generator.ContentFromImage(apiKey, instruction.Trim(), content.ExtractedContent.Trim(), image, false, 50);
-                if (result.StartsWith("```") && result.EndsWith("```"))
-                {
-                    var lines = result.Split(Environment.NewLine);
-                    result = string.Join(Environment.NewLine, lines.Skip(1).Take(lines.Length - 2));
-                }
 
                 return Ok(result.Trim());
             }

xcan.web/src/components/ResultDisplay.js

@@ -76,7 +76,7 @@ const ResultDisplay = ({
               marginBottom: "1rem",
               lineHeight: 1.6,
               whiteSpace: "pre-line",
-              margin: "0.5em 0",
+              marginBottom: 5,
             }}
             {...props}
           />