Доточить позиционирование UI

This commit is contained in:
2026-08-22 16:35:41 +03:00
parent ea19e511c0
commit 63b66c48d8
6 changed files with 427 additions and 13 deletions
+1 -9
View File
@@ -97,14 +97,10 @@ function compareChatRows(a, b) {
export function render({ navigate, chrome }) {
const screen = document.createElement('section');
screen.className = 'stack dm-screen dm-list-screen';
const login = String(state.session.login || '').trim();
const head = document.createElement('header');
head.className = 'dm-head';
head.innerHTML = `
<div class="dm-head-brand">
<div class="dm-head-avatar-slot"></div>
</div>
<div class="dm-head-brand" aria-hidden="true"></div>
<h1 class="dm-head-title">Контакты</h1>
<div class="dm-head-menu-wrap">
<button type="button" class="dm-head-menu-btn" aria-label="Меню контактов" aria-haspopup="menu" aria-expanded="false">
@@ -120,10 +116,6 @@ export function render({ navigate, chrome }) {
</div>
</div>
`;
const headAvatarSlot = head.querySelector('.dm-head-avatar-slot');
if (headAvatarSlot) {
headAvatarSlot.append(createDmAvatar(login, { className: 'dm-head-avatar' }));
}
const menuButton = head.querySelector('.dm-head-menu-btn');
menuButton?.append(createOverflowDots());