fix: issue with input field style in prompt editor

Signed-off-by: DingChil <xu.dingchao@gmail.com>
webpilot-ai · Nov 2, 2023 · 876ce85 · 876ce85
1 parent 768ecfc
commit 876ce85
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 5 deletions.
diff --git a/assets/styles/csui-reset.scss b/assets/styles/csui-reset.scss
@@ -1,5 +1,6 @@
 /* stylelint-disable */
 #webpilot-template {
+  @import './reset.scss';
   @import './solarized_light.scss';
 }
 #webpilot-content {

diff --git a/src/components/FloatControlButtons.vue b/src/components/FloatControlButtons.vue
@@ -94,9 +94,9 @@ const handleCopy = () => {
   list-style: none;
 
   .btn {
-    box-sizing: content-box;
-    width: 24px;
-    height: 24px;
+    // box-sizing: content-box;
+    width: 36;
+    height: 36;
     padding: 6px;
     background-color: var(--webpilot-theme-main-background-color, #fff);
     background-origin: content-box;

diff --git a/src/components/PromptEditor.vue b/src/components/PromptEditor.vue
@@ -176,7 +176,9 @@ watchEffect(() => {
   width: 100%;
   height: 20px;
   max-height: 196px;
-  padding: 0 42px 0 0;
+
+  // padding: 0 42px 0 0;
+  padding: 0;
   overflow-y: auto;
   font-size: 14px !important;
   line-height: 20px !important;
@@ -219,15 +221,17 @@ watchEffect(() => {
   height: 20px;
   margin-right: auto;
   padding: 0 5px;
+  font-size: 12px;
   border: 1px solid var(--webpilot-theme-stoke-and-hover-status, #dcdee1);
   border-radius: 5px;
 }
 
 .form-name__txt {
   width: 70px;
+  height: 18px;
   padding: 0;
   font-weight: 600;
-  font-size: 12px;
+  line-height: 18px;
   border: 0;
   outline: none;
 }