This commit is contained in:
parent
cfef57d8a1
commit
e1dd679c47
19 changed files with 1807 additions and 73 deletions
|
|
@ -885,6 +885,10 @@ select {
|
|||
color: var(--text-normal);
|
||||
}
|
||||
|
||||
.hidden-file-input {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* ═══════════════════════════════════════════════════════════ */
|
||||
/* GIF Picker Modal */
|
||||
/* ═══════════════════════════════════════════════════════════ */
|
||||
|
|
@ -996,6 +1000,91 @@ select {
|
|||
object-fit: contain;
|
||||
}
|
||||
|
||||
.msg-attachment {
|
||||
display: block;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.msg-attachment-image {
|
||||
max-width: min(440px, 100%);
|
||||
border-radius: var(--radius-md);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.msg-attachment-image img {
|
||||
width: 100%;
|
||||
max-height: 360px;
|
||||
object-fit: contain;
|
||||
display: block;
|
||||
background: rgba(0, 0, 0, 0.18);
|
||||
}
|
||||
|
||||
.msg-attachment-video {
|
||||
max-width: min(520px, 100%);
|
||||
}
|
||||
|
||||
.msg-attachment-video video {
|
||||
width: 100%;
|
||||
max-height: 420px;
|
||||
border-radius: var(--radius-md);
|
||||
background: #000;
|
||||
}
|
||||
|
||||
.msg-attachment-audio {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
padding: 12px 14px;
|
||||
max-width: min(420px, 100%);
|
||||
border-radius: var(--radius-md);
|
||||
background: rgba(255, 255, 255, 0.04);
|
||||
border: 1px solid rgba(255, 255, 255, 0.06);
|
||||
}
|
||||
|
||||
.msg-attachment-audio audio {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.msg-attachment-audio a {
|
||||
color: var(--text-link);
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.msg-attachment-file {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
padding: 10px 12px;
|
||||
max-width: min(420px, 100%);
|
||||
border-radius: var(--radius-md);
|
||||
background: rgba(255, 255, 255, 0.04);
|
||||
border: 1px solid rgba(255, 255, 255, 0.06);
|
||||
color: var(--text-normal);
|
||||
}
|
||||
|
||||
.msg-attachment-file:hover {
|
||||
background: rgba(255, 255, 255, 0.07);
|
||||
}
|
||||
|
||||
.msg-attachment-file i {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
color: var(--text-link);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.msg-attachment-file span {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.msg-attachment-file small {
|
||||
color: var(--text-muted);
|
||||
margin-left: auto;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/* ═══════════════════════════════════════════════════════════ */
|
||||
/* Sound Board */
|
||||
/* ═══════════════════════════════════════════════════════════ */
|
||||
|
|
@ -1618,4 +1707,4 @@ select {
|
|||
.chat-header {
|
||||
padding: 0 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue