- Latest interaction is now positioned right above the chat-input / form
- It moves to the standard positing in MessageHistory.vue
This commit is contained in:
@@ -297,7 +297,14 @@ export default {
|
||||
},
|
||||
|
||||
getMessageClass() {
|
||||
return `message ${this.message.sender}`;
|
||||
let classes = `message ${this.message.sender}`;
|
||||
|
||||
// Add class for temporarily positioned AI messages
|
||||
if (this.message.isTemporarilyAtBottom) {
|
||||
classes += ' temporarily-at-bottom';
|
||||
}
|
||||
|
||||
return classes;
|
||||
}
|
||||
}
|
||||
};
|
||||
@@ -321,6 +328,17 @@ export default {
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
/* Styling for temporarily positioned AI messages */
|
||||
.message.ai.temporarily-at-bottom {
|
||||
background-color: #f8f9fa;
|
||||
border-left: 3px solid #007bff;
|
||||
opacity: 0.9;
|
||||
border-radius: 8px;
|
||||
padding: 8px;
|
||||
margin: 8px 0;
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.message-content {
|
||||
width: 100%;
|
||||
font-family: Arial, sans-serif;
|
||||
|
||||
Reference in New Issue
Block a user