feat: media uploads
All checks were successful
/ upload (release) Successful in 5m37s

This commit is contained in:
pavel 2026-02-27 15:38:46 +01:00
commit e1dd679c47
19 changed files with 1807 additions and 73 deletions

View file

@ -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;
}
}
}