Przeglądaj źródła

feat: 更新输入框样式

sunxiao 4 tygodni temu
rodzic
commit
b33fc30e29

+ 3 - 4
src/components/Chat/ChatAgentInput.vue

@@ -390,7 +390,7 @@ defineExpose({
                   size="medium"
                   placeholder="输入@,召唤智能体"
                   v-model:value="inpVal" 
-                  :autosize="{ minRows: 2, maxRows: 4 }"
+                  :autosize="{ minRows: 1, maxRows: 4 }"
                   @focus="focusInput"
                   @blur="blurInput"
                   @keypress="handleInpEnter"
@@ -500,7 +500,6 @@ defineExpose({
 <style scoped lang="scss">
 .chat-inp-outer {
   border-radius: 8px;
-  // overflow: hidden;
   box-shadow: 0px 3px 12px 0px #97D3FF40;
 
   .chat-tools-inner {
@@ -531,12 +530,12 @@ defineExpose({
   .chat-inp-inner {
     position: relative;
     border-radius: 8px;
-    padding: 17px 17px 17px 17px;
+    padding: 18px 16px 14px 16px;
     background: #fff;
 
     .inp-wrapper {
       @include flex(x, start, center);
-      margin-bottom: 10px;
+      margin-bottom: 14px;
 
       .upload-inner {
         width: 30px;

+ 1 - 4
src/components/Layout/TheChatView.vue

@@ -68,7 +68,7 @@ defineExpose({ targetScrollDom });
       <main class="control-main" v-if="!isChatSlot">
         <slot name="control"></slot>
       </main>
-      <footer class="chat-footer relative w-[900px] m-auto pb-[20px]" v-if="isFooter">
+      <footer class="chat-footer relative w-[900px] m-auto pb-[10px]" v-if="isFooter">
         <slot name="footer" />
       </footer>
     </div>
@@ -80,9 +80,6 @@ defineExpose({ targetScrollDom });
   position: relative;
   padding: 20px 20px 20px 0;
   overflow: hidden;
-  
-  .catalog-wrapper {
-  }
 
   .chat-header {
     .left_inner {

+ 1 - 1
src/components/Layout/TheControlView.vue

@@ -62,7 +62,7 @@ defineExpose({ targetScrollDom });
       <main class="control-main" v-if="!isChatSlot">
         <slot name="control"></slot>
       </main>
-      <footer class="chat-footer relative w-[900px] m-auto pb-[20px]" v-if="isFooter">
+      <footer class="chat-footer relative w-[900px] m-auto pb-[10px]" v-if="isFooter">
         <slot name="footer" />
       </footer>
     </div>