7x31/ChatGPT-Next-Web
1
0
Fork 0
mirror of https://github.com/Yidadaa/ChatGPT-Next-Web.git synced 2025-08-08 11:03:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: #2 trying to add stop response button

Browse Source
This commit is contained in:
Yifei Zhang
2023-03-23 17:42:38 +00:00
parent 99b88f36fd
commit 806e7b09c1
4 changed files with 75 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
app/components/home.module.scss
View File

@@ -237,6 +237,14 @@
flex-direction: column;
align-items: flex-start;
animation: slide-in ease 0.3s;
&:hover {
.chat-message-top-actions {
opacity: 1;
right: 10px;
pointer-events: all;
}
}
}
.chat-message-user > .chat-message-container {
@@ -276,6 +284,34 @@
user-select: text;
word-break: break-word;
border: var(--border-in-light);
position: relative;
}
.chat-message-top-actions {
font-size: 12px;
position: absolute;
right: 20px;
top: -26px;
transition: all ease 0.3s;
opacity: 0;
pointer-events: none;
display: flex;
flex-direction: row-reverse;
.chat-message-top-action {
opacity: 0.5;
color: var(--black);
cursor: pointer;
&:hover {
opacity: 1;
}
&:not(:first-child) {
margin-right: 10px;
}
}
}
.chat-message-user > .chat-message-container > .chat-message-item {
@@ -288,10 +324,10 @@
width: 100%;
padding-top: 5px;
box-sizing: border-box;
font-size: 12px;
}
.chat-message-action-date {
font-size: 12px;
color: #aaa;
}