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

feat: improve message item buttons style

Browse Source
This commit is contained in:
Yidadaa
2023-06-27 23:29:53 +08:00
parent d5c33a1183
commit 38c8ee8cd2
2 changed files with 23 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
app/components/chat.module.scss
View File

@@ -281,15 +281,13 @@
border: var(--border-in-light);
position: relative;
transition: all ease 0.3s;
min-width: 0;
&:hover {
min-width: 330px;
.chat-message-actions {
height: 40px;
opacity: 1;
transform: translateY(0px);
max-width: 100%;
height: 40px;
.chat-message-action-date {
opacity: 0.3;
@@ -299,7 +297,6 @@
.chat-message-actions {
display: flex;
width: 100%;
box-sizing: border-box;
font-size: 12px;
align-items: flex-end;
@@ -308,11 +305,21 @@
transform: translateY(10px);
opacity: 0;
height: 0;
max-width: 0;
.chat-input-actions {
display: flex;
flex-wrap: nowrap;
}
}
.chat-message-action-date {
white-space: nowrap;
transition: all ease 0.6s;
color: var(--black);
opacity: 0;
text-align: right;
margin-left: 20px;
}
}