Выровнять верхние панели UI

This commit is contained in:
AidarKC
2026-09-18 00:00:42 +03:00
parent f44ab75c64
commit 2be5ad0b7d
10 changed files with 79 additions and 22 deletions
+1 -1
View File
@@ -1426,7 +1426,7 @@ export function render({ navigate, route, chrome }) {
iconNode: createOverflowDots(),
title: 'Действия чата',
ariaLabel: 'Открыть меню действий чата',
className: 'chat-header-icon-btn chat-header-menu-btn',
className: 'chat-header-icon-btn chat-header-menu-btn topbar-overflow-action--raised',
menu: {
minWidth: 230,
items: () => [
+1 -1
View File
@@ -251,7 +251,7 @@ export function render({ navigate, chrome }) {
iconNode: createOverflowDots(),
title: 'Меню чатов',
ariaLabel: 'Меню чатов',
className: 'messages-topbar-menu-btn',
className: 'messages-topbar-menu-btn topbar-overflow-action--raised',
menu: {
minWidth: 210,
items: [
+6 -2
View File
@@ -320,11 +320,15 @@ function renderItem(item, activeTab, navigate) {
export function render({ navigate, chrome } = {}) {
const screen = document.createElement('section');
screen.className = 'stack notifications-screen';
chrome?.setTopbar(createTopBar({ title: 'Уведомления' }));
const tabs = document.createElement('div');
tabs.className = 'notification-feed-tabs app-top-tabs';
const tabDefs = [['replies','Ответы'],['connections','Связи'],['events','События']];
chrome?.setTopbar(createTopBar({
center: tabs,
className: 'notifications-topbar',
}));
const list = document.createElement('div');
list.className = 'stack notifications-list';
let payloadCache = null;
@@ -415,7 +419,7 @@ export function render({ navigate, chrome } = {}) {
observer?.disconnect();
Object.values(pendingSeenTimers).forEach((timer) => clearTimeout(timer));
};
screen.append(tabs,list);
screen.append(list);
void load();
return screen;
}
+1 -1
View File
@@ -84,7 +84,7 @@ export function render({ navigate, chrome }) {
iconNode: createOverflowDots(),
title: 'Меню профиля',
ariaLabel: 'Меню профиля',
className: 'profile-head-menu-btn',
className: 'profile-head-menu-btn topbar-overflow-action--raised',
menu: {
className: 'profile-head-menu',
minWidth: 250,