diff --git a/_layouts/embed-preview.html b/_layouts/embed-preview.html index 4103646..949cf1d 100644 --- a/_layouts/embed-preview.html +++ b/_layouts/embed-preview.html @@ -172,7 +172,7 @@
-
+
← Enter your prompt on designer...
diff --git a/_layouts/embed.html b/_layouts/embed.html index 525de25..6f749cf 100644 --- a/_layouts/embed.html +++ b/_layouts/embed.html @@ -27,8 +27,30 @@ + - +
@@ -49,12 +71,16 @@
-
- -
-
- - @@ -64,120 +90,125 @@
-
- - -
- - -
- - -
- - -
- - -
-
- - - + + +
+ +
-
- - + + +
+ +
- -
- - -
- - +
- -
- - - +

AI Settings

+ + +
+
+ + + +
+
+ + +
+
+ + +
+ +
- -
- + +
+

Appearance

+ + +
+ +
+ + + +
+
-
- -
- - - - - - - - @@ -185,132 +216,115 @@
-
- -
-
-
-
- -
-
-
- - -
-
+
+
+ +
+ +
-
-
-
- -
-
-
- - -
-
+
+
+ +
+ +
-
- - -
- - -
- 200px - 800px -
-
- - -
-
- -
- +
-
- - -
-
-
- -
diff --git a/embed-preview-script.js b/embed-preview-script.js index f42d1b7..5a61778 100644 --- a/embed-preview-script.js +++ b/embed-preview-script.js @@ -439,7 +439,7 @@ class EmbedPreview { const filenameElement = container.querySelector('[id$="-filename"]'); if (filenameElement) { const filename = this.config.diffFilename || 'untitled'; - filenameElement.innerHTML = ` + filenameElement.innerHTML = ` ${filename} +${newLines} @@ -517,7 +517,7 @@ class EmbedPreview { // Function to update prompt margin based on diff view height const updatePromptMargin = () => { const diffHeight = container.offsetHeight; - promptText.style.marginTop = `${diffHeight + 16}px`; // 16px for some breathing room + promptText.parentElement.style.paddingTop = `${diffHeight + 16}px`; // 16px for some breathing room }; // Set initial margin diff --git a/embed-script.js b/embed-script.js index 6c9f4d9..4619e02 100644 --- a/embed-script.js +++ b/embed-script.js @@ -948,7 +948,7 @@ Keep it warm but professional, around 150-200 words.`; Include endpoint definitions, request/response schemas, and error handling patterns.`; - document.getElementById('designer-context').value = '@web REST best practices, openapi.yaml'; + document.getElementById('designer-context').value = '@Web, openapi.yaml'; document.getElementById('designer-filetree').value = `api/ api/v1/ diff --git a/embed-style.css b/embed-style.css index 22126a2..b498d79 100644 --- a/embed-style.css +++ b/embed-style.css @@ -249,7 +249,7 @@ body.dark-mode .designer-panel { /* Adjust the scrollable content area */ .designer-panel > .flex-1 { - padding-top: calc(var(--header-height) + 1rem); + padding-top: calc(var(--header-height)); height: 100%; box-sizing: border-box; display: flex;