наверное работает

This commit is contained in:
AidarKC
2026-04-21 01:04:05 +03:00
parent 2d48ae7a16
commit 185ba5b1d3
12 changed files with 186 additions and 34 deletions
+46 -5
View File
@@ -24,6 +24,16 @@
justify-content: flex-start;
}
.header-left-label {
display: inline-block;
max-width: 120px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 12px;
color: #a8bcdf;
}
.header-actions {
justify-content: flex-end;
}
@@ -669,6 +679,27 @@
align-content: start;
}
.chat-unread-separator {
display: flex;
align-items: center;
gap: 10px;
margin: 8px 0;
color: #9ab0de;
font-size: 12px;
}
.chat-unread-separator::before,
.chat-unread-separator::after {
content: '';
flex: 1 1 auto;
height: 1px;
background: linear-gradient(90deg, rgba(126, 150, 199, 0.12), rgba(126, 150, 199, 0.45), rgba(126, 150, 199, 0.12));
}
.chat-unread-separator > span {
white-space: nowrap;
}
.bubble {
max-width: 76%;
padding: 10px 12px;
@@ -992,15 +1023,15 @@ textarea.input {
.node.is-shine .node-dot::before {
content: '';
position: absolute;
inset: -7px;
inset: -14px;
border-radius: 50%;
background: radial-gradient(circle, rgba(130, 235, 255, 0.45) 0%, rgba(130, 235, 255, 0.18) 45%, rgba(130, 235, 255, 0) 72%);
filter: blur(1px);
background: radial-gradient(circle, rgba(130, 235, 255, 0.62) 0%, rgba(130, 235, 255, 0.28) 42%, rgba(130, 235, 255, 0) 76%);
filter: blur(2px);
z-index: -1;
}
.node.is-shine .node-dot {
box-shadow: 0 0 0 2px rgba(143, 231, 255, 0.38), 0 0 16px rgba(102, 220, 255, 0.38), 0 8px 16px rgba(4, 8, 15, 0.35);
box-shadow: 0 0 0 2px rgba(143, 231, 255, 0.5), 0 0 28px rgba(102, 220, 255, 0.58), 0 8px 16px rgba(4, 8, 15, 0.35);
}
.node.is-friend .node-dot {
@@ -1375,6 +1406,7 @@ textarea.input {
.channels-groups {
gap: 11px;
justify-items: start;
}
.channels-section {
@@ -1407,6 +1439,7 @@ textarea.input {
grid-template-columns: 46px minmax(0, 1fr) 72px;
gap: 12px;
padding: 14px 13px;
width: min(100%, 340px);
border-radius: 16px;
border: 1px solid rgba(193, 157, 82, 0.28);
background:
@@ -1865,6 +1898,14 @@ textarea.input {
background: rgba(10, 18, 34, 0.52);
}
.channels-empty-state--compact {
border: 0;
background: transparent;
border-radius: 0;
padding: 4px 2px;
gap: 6px;
}
.channels-empty-icon {
font-size: 20px;
color: #d9b56d;
@@ -2076,7 +2117,7 @@ textarea.input {
.channels-list-content {
display: grid;
gap: 10px;
min-height: 42vh;
min-height: 0;
}
.channels-list-body-fade {