Стандартизировали размеры аватаров в UI

shine-UI/js/components/avatar-image.js

@@ -8,9 +8,12 @@ function normalizeLogin(value) {
 
 function pickSizeClass(size) {
   const raw = String(size || '').trim().toLowerCase();
-  if (raw === 'large') return 'large';
   if (raw === 'node') return 'node-dot';
-  if (raw === 'small') return '';
+  if (raw === 'xs' || raw === 'xsmall' || raw === 'tiny') return 'avatar-xs';
+  if (raw === 'sm' || raw === 'small') return 'avatar-sm';
+  if (raw === 'md' || raw === 'medium' || raw === '') return 'avatar-md';
+  if (raw === 'lg' || raw === 'big') return 'avatar-lg';
+  if (raw === 'xl' || raw === 'xlarge' || raw === 'large' || raw === 'very-large') return 'avatar-xl';
   return raw || '';
 }
 
@@ -28,7 +31,7 @@ export function buildAvatarInitials({ login, firstName = '', lastName = '' } = {
 export function renderAvatar({
   initials = '?',
   avatar = null,
-  size = 'large',
+  size = 'xl',
   className = '',
   title = '',
   alt = 'Аватар',
@@ -139,7 +142,7 @@ export function renderUserAvatar({
   firstName = '',
   lastName = '',
   avatar = null,
-  size = 'large',
+  size = 'xl',
   className = '',
   title = '',
   glow = false,

shine-UI/js/pages/add-channel-view.js

@@ -44,12 +44,12 @@ function renderAvatarPreview(slot, avatar, title) {
   const wrap = renderAvatar({
     initials: label.slice(0, 1).toUpperCase() || 'К',
     avatar,
-    size: 'small',
+    size: 'xl',
     className: 'channel-profile-avatar',
     title: label,
     alt: 'Аватар канала',
   });
-  wrap.style.setProperty('--channel-avatar-size', '104px');
+  wrap.style.setProperty('--channel-avatar-size', '96px');
   slot.append(wrap);
 }
 

shine-UI/js/pages/channel-thread-view.js

@@ -62,7 +62,7 @@ function createThreadAvatar(login) {
   const title = cleanLogin ? `Профиль ${cleanLogin}` : '';
   const avatarEl = renderUserAvatar({
     login: cleanLogin || 'unknown',
-    size: 'small',
+    size: 'sm',
     className: 'channel-message-avatar',
     title,
   });
@@ -77,7 +77,7 @@ function createThreadAvatar(login) {
           sha256Hex: String(snapshot?.avatar?.sha256Hex || '').trim().toLowerCase(),
         }
         : null,
-      size: 'small',
+      size: 'sm',
       className: 'channel-message-avatar',
       title,
     });

shine-UI/js/pages/channel-view.js

@@ -86,7 +86,7 @@ function createMessageAvatar(login) {
   const title = cleanLogin ? `Профиль ${cleanLogin}` : '';
   const avatarEl = renderUserAvatar({
     login: cleanLogin || 'unknown',
-    size: 'small',
+    size: 'sm',
     className: 'channel-message-avatar',
     title,
   });
@@ -101,7 +101,7 @@ function createMessageAvatar(login) {
           sha256Hex: String(snapshot?.avatar?.sha256Hex || '').trim().toLowerCase(),
         }
         : null,
-      size: 'small',
+      size: 'sm',
       className: 'channel-message-avatar',
       title,
     });
@@ -577,13 +577,13 @@ function getStatusActionOptionsForTarget(targetMsgSubType) {
   }
 }
 
-function createChannelAvatarElement(channel, size = 72) {
+function createChannelAvatarElement(channel, size = 96) {
   const txId = String(channel?.avaAr || '').trim();
   const title = String(channel?.displayTitle || channel?.name || 'К').trim() || 'К';
   const wrap = renderAvatar({
     initials: title.slice(0, 1).toUpperCase() || 'К',
     avatar: txId ? { ar: txId } : null,
-    size: 'small',
+    size: 'xl',
     className: 'channel-profile-avatar',
     title,
     alt: 'Аватар канала',
@@ -626,7 +626,7 @@ function openChannelMetaDetailsModal({
       </div>
     </div>
   `;
-  root.querySelector('#about-channel-avatar-slot')?.append(createChannelAvatarElement(channel, 86));
+  root.querySelector('#about-channel-avatar-slot')?.append(createChannelAvatarElement(channel, 96));
 
   root.querySelector('#about-channel-close')?.addEventListener('click', () => {
     root.innerHTML = '';

shine-UI/js/pages/channels-list.js

@@ -94,7 +94,7 @@ function createChannelAvatar(channel = {}) {
   return renderAvatar({
     initials: channel.avatar || channel.initials || avatarLetterFromName(channel.displayTitle || channel.title || channel.name),
     avatar: channel.avaAr ? { ar: String(channel.avaAr || '').trim() } : null,
-    size: 'small',
+    size: 'md',
     title: channel.displayTitle || channel.title || channel.name || 'Канал',
     alt: 'Аватар канала',
   });

shine-UI/js/pages/chat-view.js

@@ -43,7 +43,7 @@ function createChatHeaderParts(login, navigate) {
   avatarSlot.className = 'chat-header-avatar-slot chat-header-avatar-slot--left';
   const initialAvatar = renderUserAvatar({
     login: cleanLogin,
-    size: 'small',
+    size: 'md',
     className: 'chat-header-avatar',
     title: cleanLogin,
   });
@@ -76,7 +76,7 @@ function createChatHeaderParts(login, navigate) {
             sha256Hex: String(snapshot?.avatar?.sha256Hex || '').trim().toLowerCase(),
           }
           : null,
-        size: 'small',
+        size: 'md',
         className: 'chat-header-avatar',
         title: cleanLogin,
       });

shine-UI/js/pages/contact-search-view.js

@@ -34,7 +34,7 @@ function createSearchAvatar(login) {
   const title = cleanLogin ? `Профиль ${cleanLogin}` : '';
   const avatarEl = renderUserAvatar({
     login: cleanLogin || 'unknown',
-    size: 'small',
+    size: 'md',
     className: 'avatar',
     title,
   });
@@ -49,7 +49,7 @@ function createSearchAvatar(login) {
           sha256Hex: String(snapshot?.avatar?.sha256Hex || '').trim().toLowerCase(),
         }
         : null,
-      size: 'small',
+      size: 'md',
       className: 'avatar',
       title,
     });

shine-UI/js/pages/messages-list.js

@@ -52,7 +52,7 @@ function createDmAvatar(login, { className = '' } = {}) {
   const title = cleanLogin ? `Профиль ${cleanLogin}` : '';
   const avatarEl = renderUserAvatar({
     login: cleanLogin || 'unknown',
-    size: 'small',
+    size: 'md',
     title,
     className,
   });
@@ -67,7 +67,7 @@ function createDmAvatar(login, { className = '' } = {}) {
           sha256Hex: String(snapshot?.avatar?.sha256Hex || '').trim().toLowerCase(),
         }
         : null,
-      size: 'small',
+      size: 'md',
       title,
       className,
     });

shine-UI/js/pages/notifications-view.js

@@ -165,7 +165,7 @@ function renderIdentity(item) {
     firstName,
     lastName,
     avatar,
-    size: 'small',
+    size: 'md',
     className: 'notification-avatar',
   }));
 

shine-UI/js/pages/profile-edit-view.js

@@ -229,7 +229,7 @@ export function render({ navigate, chrome }) {
       avatar: currentAvatar?.txId
         ? { ar: currentAvatar.txId, sha256Hex: String(currentAvatar?.sha256Hex || '').trim().toLowerCase() }
         : null,
-      size: 'large',
+      size: 'xl',
       className: 'profile-avatar',
     }));
   }

shine-UI/js/pages/profile-view.js

@@ -252,7 +252,7 @@ export function render({ navigate, chrome }) {
       avatar: currentAvatar?.txId
         ? { ar: currentAvatar.txId, sha256Hex: String(currentAvatar?.sha256Hex || '').trim().toLowerCase() }
         : null,
-      size: 'large',
+      size: 'xl',
       className: 'profile-avatar',
     }));
   }

shine-UI/js/pages/user-profile-view.js

@@ -156,7 +156,7 @@ function renderIdentity(card) {
     firstName: card.firstName,
     lastName: card.lastName,
     avatar: card.avatar,
-    size: 'large',
+    size: 'xl',
     className: 'profile-avatar',
   }));
 

shine-UI/js/services/call-ui-service.js

@@ -114,7 +114,7 @@ function renderPeerAvatar(login, avatar = null) {
   const avatarEl = renderUserAvatar({
     login: String(login || '').trim() || 'unknown',
     avatar,
-    size: 'large',
+    size: 'xl',
     className: 'call-peer-avatar',
     title: login ? `Профиль ${login}` : 'Профиль собеседника',
   });