ViperEkura
/
Luxx
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style: 更新样式选项

This commit is contained in:
ViperEkura 2026-04-25 20:46:39 +08:00
parent ef78196b8c
commit a4dbb628b8
1 changed files with 7 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
dashboard/src/components/MessageBubble.vue
View File

@ -134,11 +134,7 @@ const regenerateIcon = `<svg viewBox="0 0 24 24" width="14" height="14" fill="no
cursor: pointer;
}
.attachment-item:hover {
border-color: var(--attachment-color);
box-shadow: 0 2px 8px rgba(202, 138, 4, 0.15);
transform: translateY(-1px);
}
.attachment-icon {
background: var(--attachment-bg);
@ -169,9 +165,7 @@ const regenerateIcon = `<svg viewBox="0 0 24 24" width="14" height="14" fill="no
padding-top: 10px;
}
.message-bubble:hover .message-footer {
border-top-color: var(--border-light);
}
.token-item {
font-size: 11px;
@ -183,10 +177,7 @@ const regenerateIcon = `<svg viewBox="0 0 24 24" width="14" height="14" fill="no
transition: all 0.2s ease;
}
.token-item:hover {
background: var(--accent-primary-light);
color: var(--accent-primary);
}
.message-time {
font-size: 11px;
@ -209,10 +200,7 @@ const regenerateIcon = `<svg viewBox="0 0 24 24" width="14" height="14" fill="no
transition: all 0.2s ease;
}
.sender-name:hover {
text-decoration: underline;
text-underline-offset: 3px;
}
.round-tag {
font-size: 0.7rem;
@ -226,10 +214,7 @@ const regenerateIcon = `<svg viewBox="0 0 24 24" width="14" height="14" fill="no
transition: all 0.2s ease;
}
.round-tag:hover {
border-color: var(--accent-primary);
color: var(--accent-primary);
}
/* ============ Message Body Enhancements ============ */
.message-body {
@ -249,9 +234,7 @@ const regenerateIcon = `<svg viewBox="0 0 24 24" width="14" height="14" fill="no
transition: opacity 0.3s ease;
}
.message-bubble:hover .message-body::before {
opacity: 1;
}
/* ============ Room Message Special Styles ============ */
.message-bubble.room-msg {
@ -275,10 +258,7 @@ const regenerateIcon = `<svg viewBox="0 0 24 24" width="14" height="14" fill="no
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
}
.message-bubble:hover :deep(.avatar) {
transform: scale(1.1) rotate(5deg);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
}
/* ============ Content Styling ============ */
.message-content {
@ -292,20 +272,5 @@ const regenerateIcon = `<svg viewBox="0 0 24 24" width="14" height="14" fill="no
padding: 6px 8px;
}
:deep(.ghost-btn:hover) {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
:deep(.ghost-btn.success:hover) {
box-shadow: 0 4px 12px rgba(5, 150, 105, 0.2);
}
:deep(.ghost-btn.danger:hover) {
box-shadow: 0 4px 12px rgba(239, 68, 68, 0.2);
}
:deep(.ghost-btn.accent:hover) {
box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2);
}
</style>