tuvn86/webapp-conversation
2
0
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: init

Browse source
This commit is contained in:
Joel 2023-04-14 20:35:08 +08:00
parent 8acd8f6fbd
commit 97d3a6277d
77 changed files with 5299 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

90
app/components/chat/style.module.css Normal file
View file

@ -0,0 +1,90 @@
.answerIcon {
background: url(./icons/robot.svg);
}
.typeingIcon {
position: relative;
}
.typeingIcon::after {
content: '';
position: absolute;
top: -3px;
left: -3px;
width: 16px;
height: 16px;
background: url(./icons/typing.svg) no-repeat;
background-size: contain;
}
.questionIcon {
background: url(./icons/default-avatar.jpg);
background-size: contain;
border-radius: 50%;
}
.answer::before,
.question::before {
content: '';
position: absolute;
top: 0;
width: 8px;
height: 12px;
}
.answer::before {
left: 0;
background: url(./icons/answer.svg) no-repeat;
}
.answerWrap .itemOperation {
display: none;
}
.answerWrap:hover .itemOperation {
display: flex;
}
.question::before {
right: 0;
background: url(./icons/question.svg) no-repeat;
}
.textArea {
padding-top: 13px;
padding-bottom: 13px;
padding-right: 90px;
border-radius: 12px;
line-height: 20px;
background-color: #fff;
}
.textArea:hover {
background-color: #fff;
}
/* .textArea:focus {
box-shadow: 0px 3px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px rgba(0, 0, 0, 0.05);
} */
.count {
/* display: none; */
padding: 0 2px;
}
.sendBtn {
background: url(./icons/send.svg) center center no-repeat;
}
.sendBtn:hover {
background-image: url(./icons/send-active.svg);
background-color: #EBF5FF;
}
.textArea:focus+div .count {
display: block;
}
.textArea:focus+div .sendBtn {
background-image: url(./icons/send-active.svg);
}