Add hover effects for chat messages

This commit is contained in:
sabaimran
2024-07-09 14:56:57 +05:30
parent a0e9530fa4
commit 5b69252337
4 changed files with 72 additions and 52 deletions

View File

@@ -61,7 +61,8 @@ div.author {
div.chatFooter {
display: flex;
justify-content: flex-end;
justify-content: space-between;
min-height: 28px;
}
div.chatButtons {
@@ -71,7 +72,8 @@ div.chatButtons {
border-radius: 16px;
position: relative;
bottom: -28px;
background-color: hsla(var(--background));
background-color: hsla(var(--secondary));
box-shadow: 0 4px 10px var(--box-shadow-color);
}
div.chatFooter button {
@@ -88,10 +90,6 @@ div.chatFooter button:hover {
background-color: hsla(var(--frosted-background-color));
}
div.chatTimestamp {
font-size: small;
}
button.codeCopyButton {
cursor: pointer;
float: right;