style: agent模式下输入框placeholder
This commit is contained in:
@@ -2,7 +2,6 @@
|
||||
<div class="assist-input-wrapper flex flex-col" :class="{ agent: isAgentMode }">
|
||||
<div class="animate-container flex-1 flex flex-col">
|
||||
<div class="scroll-content flex-col">
|
||||
<!-- 图片预览区域 -->
|
||||
<div v-if="uploadedImages.length > 0" class="image-preview-list flex wrap">
|
||||
<div
|
||||
v-for="(image, index) in uploadedImages"
|
||||
@@ -20,28 +19,9 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 编辑区域 -->
|
||||
<div class="editor-wrapper">
|
||||
<!-- 静态占位符 - 当编辑器为空时显示 -->
|
||||
<div
|
||||
v-if="showPlaceholder"
|
||||
class="editor-placeholder"
|
||||
:style="{
|
||||
position: 'absolute',
|
||||
top: '0',
|
||||
left: '0',
|
||||
padding: '0 1.4rem 1.4rem',
|
||||
fontSize: '2rem',
|
||||
fontFamily: 'InterRegular',
|
||||
fontWeight: 400,
|
||||
color: '#999',
|
||||
pointerEvents: 'none',
|
||||
whiteSpace: 'pre-wrap',
|
||||
wordWrap: 'break-word',
|
||||
width: 'calc(100% - 2.8rem)',
|
||||
boxSizing: 'border-box'
|
||||
}"
|
||||
>
|
||||
<div v-if="showPlaceholder" class="editor-placeholder">
|
||||
{{ $t('Input.placeholder') }}
|
||||
</div>
|
||||
<div
|
||||
@@ -853,6 +833,18 @@
|
||||
position: absolute;
|
||||
z-index: 0;
|
||||
pointer-events: none;
|
||||
top: 0;
|
||||
left: 0;
|
||||
padding: 0 1.4rem 1.4rem;
|
||||
font-size: 2rem;
|
||||
font-family: 'InterRegular';
|
||||
font-weight: 400;
|
||||
color: #999;
|
||||
pointer-events: none;
|
||||
white-space: pre-wrap;
|
||||
word-wrap: break-word;
|
||||
width: calc(100% - 2.8rem);
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.editor {
|
||||
@@ -1041,6 +1033,13 @@
|
||||
padding: 0;
|
||||
height: 100%;
|
||||
min-height: 5rem;
|
||||
line-height: 1.4rem;
|
||||
}
|
||||
.editor-placeholder{
|
||||
font-family: 'Regular';
|
||||
font-size: 1.4rem;
|
||||
padding: 0;
|
||||
line-height: 1.4rem;
|
||||
}
|
||||
}
|
||||
.operate {
|
||||
|
||||
Reference in New Issue
Block a user