intelligent-pid / assets /style.css
msIntui
Add UI assets and update gitignore
06070a9
raw
history blame contribute delete
854 Bytes
.gr-container {
margin-top: 100px;
}
.chatbox {
max-height: 500px;
overflow-y: auto;
resize: both;
}
.chat-message {
display: flex;
justify-content: space-between;
margin-bottom: 15px;
}
.agent {
justify-content: flex-start;
}
.llm {
justify-content: flex-end;
}
.speech-bubble {
border-radius: 5px;
padding: 2px;
position: relative;
display: inline-block;
max-width: 100%;
}
.agent-bubble {
background-color: #C3E0E5;
color: #000;
}
.llm-bubble {
background-color: #0C244A;
color: #FFF;
}
.avatar {
width: 50px;
height: 50px;
border-radius: 50%;
}
.agent .avatar {
margin-right: 10px;
}
.llm {
flex-direction: row-reverse;
}
.llm .avatar {
margin-left: 10px;
}
.timestamp {
font-size: 12px;
color: #888;
margin-top: 5px;
text-align: right;
}