ViEduChat / static /styles.css
ntphuc149's picture
Update static/styles.css
b0f62cc verified
.user-message {
display: flex;
justify-content: flex-end;
align-items: center;
margin: 10px 0;
color: white;
}
.user-message .stMarkdown {
background: linear-gradient(0.9turn, #d46c4e, #ca8d57);
/* background: linear-gradient(0.9turn, #112c55, #3578cf); */
border-radius: 20px 20px 0px 20px;
padding: 10px;
max-width: 80%;
word-wrap: break-word;
}
.user-avatar {
order: 2;
margin-left: 10px;
width: 38px;
height: 38px;
border-radius: 50%;
align-self: flex-start;
}
.assistant-message {
display: flex;
align-items: center;
margin: 10px 0;
color: black;
}
.assistant-message .stMarkdown {
background-color: #dadada;
border-radius: 20px 20px 20px 0px;
padding: 10px;
max-width: 100%;
word-wrap: break-word;
}
.assistant-options {
display: flex;
align-items: center;
gap: 12px;
margin-top: 8px;
color: #666;
}
.assistant-options i {
cursor: pointer;
}
.assistant-options i:hover {
color: #333;
}
.assistant-avatar {
margin-right: 10px;
width: 38px;
height: 38px;
border-radius: 50%;
align-self: flex-start;
}
.logo_area {
display: flex;
justify-content: center;
}
.logo_area img {
margin-top: 50px;
margin-left: 0px auto;
width: 149px;
}
/* [data-testid="baseButton-headerNoPadding"], */
[data-testid="stDecoration"],
/* [data-testid="baseButton-header"], */
[data-testid="stHeader"] {
display: none;
}
[data-testid="stChatInput"],
[data-testid="stChatInputSubmitButton"] {
border-radius: 15px;
}
[data-baseweb="textarea"] {
border-color: transparent;
}
[data-testid="stExpander"] {
max-width: 93%;
margin-left: 48px;
}