style: 输入框悬浮样式&复制图标位置
This commit is contained in:
@@ -7,7 +7,10 @@
|
||||
<div class="thumb">
|
||||
<img :src="content.isUser ? userThumb : agentThumb" class="thumb-icon" />
|
||||
</div>
|
||||
<div class="message-context" v-show="!content.loading">
|
||||
<div
|
||||
class="message-context"
|
||||
v-show="!content.loading && !content.thinking && !content.streaming"
|
||||
>
|
||||
<div class="img-list flex" v-if="imageList.length > 0">
|
||||
<img
|
||||
v-for="(item, index) in imageList"
|
||||
@@ -225,9 +228,9 @@
|
||||
.operate {
|
||||
margin-top: 1.3rem;
|
||||
column-gap: 1.2rem;
|
||||
&.is-user {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
// &.is-user {
|
||||
// justify-content: flex-end;
|
||||
// }
|
||||
}
|
||||
}
|
||||
.img-list {
|
||||
|
||||
@@ -598,6 +598,22 @@
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.report-btn {
|
||||
position: absolute;
|
||||
bottom: -7.4rem;
|
||||
height: 4.4rem;
|
||||
border-radius: 2.2rem;
|
||||
width: 20rem;
|
||||
background-color: #fff;
|
||||
border: 1px solid #f6f4ef;
|
||||
column-gap: 1.2rem;
|
||||
cursor: pointer;
|
||||
|
||||
.c-svg {
|
||||
width: 1.5rem;
|
||||
height: 1.9rem;
|
||||
}
|
||||
}
|
||||
.assist-input-wrapper {
|
||||
min-height: 23.5rem;
|
||||
max-height: 43.5rem;
|
||||
@@ -605,24 +621,18 @@
|
||||
border-radius: 2.8rem;
|
||||
background-color: #fff;
|
||||
border: 0.1rem solid #00000005;
|
||||
box-shadow: 0px 5px 14px 0px #0000001a;
|
||||
box-shadow: 0px 0.5rem 1.4rem 0px #0000001a;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
|
||||
.report-btn {
|
||||
position: absolute;
|
||||
bottom: -7.4rem;
|
||||
height: 4.4rem;
|
||||
border-radius: 2.2rem;
|
||||
width: 20rem;
|
||||
background-color: #fff;
|
||||
border: 1px solid #f6f4ef;
|
||||
column-gap: 1.2rem;
|
||||
cursor: pointer;
|
||||
.c-svg {
|
||||
width: 1.5rem;
|
||||
height: 1.9rem;
|
||||
&:not(.agent):hover {
|
||||
box-shadow: 0px 0.5rem 3.36rem 2.2rem #f1ede999;
|
||||
transition: all 0.3s ease;
|
||||
top: -1rem;
|
||||
|
||||
.report-btn {
|
||||
bottom: -8.4rem;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -823,6 +833,9 @@
|
||||
cursor: pointer;
|
||||
background-color: #ff7a51;
|
||||
border-radius: 50%;
|
||||
&:hover {
|
||||
background-color: #f8693d;
|
||||
}
|
||||
.sender-icon {
|
||||
width: 1.3rem;
|
||||
height: 1.3rem;
|
||||
|
||||
Reference in New Issue
Block a user