UI: фикс шапки связей и правки профиля (работает)

This commit is contained in:
AidarKC 2026-04-26 20:34:12 +03:00
parent da12521517
commit 2c68dedea2
4 changed files with 45 additions and 15 deletions

View File

@ -1,2 +1,2 @@
client.version=1.2.16 client.version=1.2.17
server.version=1.2.16 server.version=1.2.17

View File

@ -817,7 +817,7 @@ export function render({ navigate, route }) {
}, },
}, },
rightActions: [ rightActions: [
{ label: 'Найти человека', onClick: openSearchModal }, { label: 'Найти', onClick: openSearchModal },
{ label: '?', onClick: () => window.alert(helpText()) }, { label: '?', onClick: () => window.alert(helpText()) },
], ],
}); });

View File

@ -198,7 +198,7 @@ export function render({ navigate }) {
officialBtn?.addEventListener('click', () => showToggleInfo('official')); officialBtn?.addEventListener('click', () => showToggleInfo('official'));
shineBtn?.addEventListener('click', () => showToggleInfo('shine')); shineBtn?.addEventListener('click', () => showToggleInfo('shine'));
card.append(topRow, badgesRow, statusRow, listWrap); card.append(topRow, badgesRow, listWrap, statusRow);
screen.append(card); screen.append(card);
updateAvatarUi(); updateAvatarUi();

View File

@ -1350,26 +1350,42 @@ textarea.input {
.network-header-overlay { .network-header-overlay {
position: sticky; position: sticky;
top: max(8px, env(safe-area-inset-top)); top: max(8px, env(safe-area-inset-top));
left: 8px; left: max(8px, env(safe-area-inset-left));
right: 8px; right: max(8px, env(safe-area-inset-right));
margin-bottom: 0; margin-bottom: 0;
z-index: 12; z-index: 12;
pointer-events: none; pointer-events: none;
} }
.network-header-overlay.page-header {
margin-bottom: 0;
gap: 6px;
}
.network-header-overlay .header-left,
.network-header-overlay .header-actions {
min-width: 0;
gap: 6px;
}
.network-header-overlay .icon-btn { .network-header-overlay .icon-btn {
pointer-events: auto; pointer-events: auto;
min-height: 30px;
padding: 5px 8px;
font-size: 11px;
border-radius: 10px;
} }
.network-header-overlay .page-title { .network-header-overlay .page-title {
font-size: 17px; font-size: 16px;
min-width: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-shadow: 0 1px 8px rgba(0, 0, 0, 0.45); text-shadow: 0 1px 8px rgba(0, 0, 0, 0.45);
} }
.network-header-overlay .icon-btn { .network-header-overlay .icon-btn {
min-height: 32px;
padding: 6px 8px;
font-size: 12px;
background: rgba(10, 20, 37, 0.6); background: rgba(10, 20, 37, 0.6);
border-color: rgba(166, 196, 245, 0.32); border-color: rgba(166, 196, 245, 0.32);
backdrop-filter: blur(10px); backdrop-filter: blur(10px);
@ -3729,6 +3745,8 @@ textarea.input {
color: rgba(255, 255, 255, 0.9); color: rgba(255, 255, 255, 0.9);
min-height: 100%; min-height: 100%;
gap: 4px; gap: 4px;
align-content: start;
grid-auto-rows: max-content;
} }
.profile-screen::before { .profile-screen::before {
@ -3762,9 +3780,11 @@ textarea.input {
} }
.profile-top-action-btn { .profile-top-action-btn {
min-height: 28px; height: 32px;
padding: 4px 8px; min-height: 32px;
padding: 0 10px;
font-size: 12px; font-size: 12px;
line-height: 1;
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
@ -3772,13 +3792,14 @@ textarea.input {
} }
.profile-main-card { .profile-main-card {
padding: 8px; margin-top: 0;
gap: 6px; padding: 2px 8px 8px;
gap: 4px;
} }
.profile-status-row { .profile-status-row {
align-items: center; align-items: center;
gap: 8px; gap: 6px;
} }
.profile-status-row .status-line { .profile-status-row .status-line {
@ -3799,6 +3820,10 @@ textarea.input {
margin: 0; margin: 0;
} }
.profile-main-card > .row:first-child {
margin-top: 0;
}
.profile-main-card .profile-identity-lines { .profile-main-card .profile-identity-lines {
gap: 2px; gap: 2px;
} }
@ -3811,6 +3836,11 @@ textarea.input {
font-size: 17px; font-size: 17px;
} }
.profile-main-card .profile-avatar {
margin-top: 4px;
margin-bottom: 4px;
}
.profile-main-card .profile-param-list { .profile-main-card .profile-param-list {
gap: 6px; gap: 6px;
} }