Moyettes/DiscordClone
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Add private calls
All checks were successful
Build and Release / build-and-release (push) Successful in 11m59s
Details

Browse Source
This commit is contained in:
Bryan1029384756
2026-02-16 13:46:26 -06:00
parent 73b9da2003
commit 5ca0eeb6a4
13 changed files with 286 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

94
packages/shared/src/index.css
View File

@@ -1888,10 +1888,23 @@ body {
/* ============================================
SYSTEM MESSAGES
============================================ */
.system-message {
.system-message-row {
display: flex;
align-items: center;
padding: 2px 0;
justify-content: center;
gap: 8px;
padding: 8px 16px;
}
.system-message-text {
color: var(--text-muted);
font-size: 14px;
}
.system-message-time {
color: var(--text-muted);
font-size: 12px;
opacity: 0.7;
}
/* ============================================
@@ -3691,4 +3704,81 @@ img.search-dropdown-avatar {
margin-top: 4px;
margin-right: 4px;
text-transform: uppercase;
}
/* DM Call Styles */
.dm-call-stage {
height: 45%;
min-height: 200px;
max-height: 80%;
display: flex;
flex-direction: column;
border-bottom: 2px solid var(--bg-tertiary);
overflow: hidden;
position: relative;
}
.dm-call-expand-btn {
position: absolute;
left: 8px;
top: 8px;
z-index: 5;
background: var(--bg-tertiary);
border: none;
border-radius: 4px;
width: 28px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
color: var(--interactive-normal);
opacity: 0.7;
transition: opacity 0.15s;
}
.dm-call-expand-btn:hover {
opacity: 1;
color: var(--interactive-hover);
}
.dm-call-resize-handle {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 6px;
cursor: ns-resize;
z-index: 5;
}
.dm-call-resize-handle:hover {
background: var(--interactive-normal);
opacity: 0.3;
}
.dm-call-banner {
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px 16px;
background-color: var(--bg-secondary);
border-bottom: 1px solid var(--bg-tertiary);
color: var(--text-normal);
font-size: 14px;
}
.dm-call-join-btn {
background-color: #3ba55c;
color: white;
border: none;
border-radius: 4px;
padding: 6px 16px;
font-size: 13px;
font-weight: 600;
cursor: pointer;
}
.dm-call-join-btn:hover {
background-color: #2d7d46;
}