Refresh profile header action icons

VERSION.properties

@@ -1,2 +1,2 @@
-client.version=1.2.339
+client.version=1.2.340
-server.version=1.2.311
+server.version=1.2.312

shine-UI/assets/profile-icon-profile.svg

@@ -0,0 +1,5 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect x="6" y="6" width="52" height="52" rx="16" fill="#121A24" stroke="#E7EDF7" stroke-opacity="0.18" stroke-width="2"/>
+  <circle cx="32" cy="26" r="8.5" stroke="#F2F5FB" stroke-width="2.6"/>
+  <path d="M19 45.5C20.9 37.8 26.1 34 32 34C37.9 34 43.1 37.8 45 45.5" stroke="#F2F5FB" stroke-width="2.6" stroke-linecap="round"/>
+</svg>

shine-UI/assets/profile-icon-settings.svg

@@ -0,0 +1,12 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect x="6" y="6" width="52" height="52" rx="16" fill="#121A24" stroke="#E7EDF7" stroke-opacity="0.18" stroke-width="2"/>
+  <path d="M32 21V17" stroke="#F2F5FB" stroke-width="2.6" stroke-linecap="round"/>
+  <path d="M32 47V43" stroke="#F2F5FB" stroke-width="2.6" stroke-linecap="round"/>
+  <path d="M43 32H47" stroke="#F2F5FB" stroke-width="2.6" stroke-linecap="round"/>
+  <path d="M17 32H21" stroke="#F2F5FB" stroke-width="2.6" stroke-linecap="round"/>
+  <path d="M39.8 24.2L42.7 21.3" stroke="#F2F5FB" stroke-width="2.6" stroke-linecap="round"/>
+  <path d="M21.3 42.7L24.2 39.8" stroke="#F2F5FB" stroke-width="2.6" stroke-linecap="round"/>
+  <path d="M39.8 39.8L42.7 42.7" stroke="#F2F5FB" stroke-width="2.6" stroke-linecap="round"/>
+  <path d="M21.3 21.3L24.2 24.2" stroke="#F2F5FB" stroke-width="2.6" stroke-linecap="round"/>
+  <circle cx="32" cy="32" r="7.5" stroke="#F2F5FB" stroke-width="2.6"/>
+</svg>

shine-UI/assets/profile-icon-wallet.svg

@@ -0,0 +1,6 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect x="6" y="6" width="52" height="52" rx="16" fill="#121A24" stroke="#E7EDF7" stroke-opacity="0.18" stroke-width="2"/>
+  <path d="M18 25.5C18 22.4624 20.4624 20 23.5 20H40.5C43.5376 20 46 22.4624 46 25.5V38.5C46 41.5376 43.5376 44 40.5 44H23.5C20.4624 44 18 41.5376 18 38.5V25.5Z" stroke="#F2F5FB" stroke-width="2.6"/>
+  <path d="M38 31.5H48V39C48 41.2091 46.2091 43 44 43H38V31.5Z" fill="#121A24" stroke="#F2F5FB" stroke-width="2.6"/>
+  <circle cx="42.5" cy="37.2" r="1.8" fill="#F2F5FB"/>
+</svg>

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

@@ -101,8 +101,18 @@ export function render({ navigate }) {
   const topActions = document.createElement('div');
   topActions.className = 'profile-top-actions';
   topActions.innerHTML = `
-    <button class="ghost-btn profile-top-action-btn profile-top-menu-btn" type="button" data-top-action="settings" aria-label="Настройки" title="Настройки">⋮</button>
+    <button class="ghost-btn profile-top-action-btn profile-top-icon-btn is-active" type="button" data-top-action="profile" aria-label="Профиль" title="Профиль">
+      <img src="/assets/profile-icon-profile.svg" alt="" aria-hidden="true" />
+    </button>
+    <button class="ghost-btn profile-top-action-btn profile-top-icon-btn" type="button" data-top-action="wallet" aria-label="Кошелёк" title="Кошелёк">
+      <img src="/assets/profile-icon-wallet.svg" alt="" aria-hidden="true" />
+    </button>
+    <button class="ghost-btn profile-top-action-btn profile-top-icon-btn" type="button" data-top-action="settings" aria-label="Настройки" title="Настройки">
+      <img src="/assets/profile-icon-settings.svg" alt="" aria-hidden="true" />
+    </button>
   `;
+  topActions.querySelector('[data-top-action="profile"]')?.addEventListener('click', () => navigate('profile'));
+  topActions.querySelector('[data-top-action="wallet"]')?.addEventListener('click', () => navigate('wallet'));
   topActions.querySelector('[data-top-action="settings"]')?.addEventListener('click', () => navigate('settings-view'));
 
   const card = document.createElement('div');

shine-UI/styles/components.css

@@ -4628,6 +4628,31 @@ html, body { overflow-x: hidden; }
   display: none;
 }
 
+.screen-content:has(> .dm-chat-screen) {
+  padding-top: 0;
+  scrollbar-width: thin;
+  scrollbar-color: rgba(212, 175, 55, 0.65) rgba(255, 255, 255, 0.06);
+}
+
+.screen-content:has(> .dm-chat-screen)::-webkit-scrollbar {
+  width: 4px;
+  height: 4px;
+  display: block;
+}
+
+.screen-content:has(> .dm-chat-screen)::-webkit-scrollbar-track {
+  background: rgba(255, 255, 255, 0.04);
+}
+
+.screen-content:has(> .dm-chat-screen)::-webkit-scrollbar-thumb {
+  background: rgba(212, 175, 55, 0.7);
+  border-radius: 999px;
+}
+
+.screen-content:has(> .dm-chat-screen)::-webkit-scrollbar-thumb:hover {
+  background: rgba(240, 198, 76, 0.9);
+}
+
 .dm-messages-log {
   gap: 10px;
 }
@@ -5575,27 +5600,38 @@ html, body { overflow-x: hidden; }
 .profile-top-actions {
   display: flex;
   justify-content: flex-end;
+  gap: 8px;
 }
 
 .profile-top-action-btn {
-  height: 32px;
+  position: relative;
-  min-height: 32px;
+  width: 42px;
-  padding: 0 10px;
+  height: 42px;
-  font-size: 12px;
+  min-width: 42px;
-  line-height: 1.15;
+  min-height: 42px;
-  text-align: center;
+  padding: 0;
-  white-space: pre-line;
+  display: inline-flex;
-  overflow: hidden;
+  align-items: center;
-  text-overflow: ellipsis;
+  justify-content: center;
+  border-radius: 14px;
 }
 
-.profile-top-menu-btn {
+.profile-top-icon-btn img {
-  width: 32px;
+  width: 22px;
-  min-width: 32px;
+  height: 22px;
-  padding: 0;
+  display: block;
-  font-size: 22px;
+  opacity: 0.94;
-  line-height: 1;
+  filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.34));
-  letter-spacing: 0;
+}
+
+.profile-top-icon-btn.is-active {
+  border-color: rgba(212, 175, 55, 0.46);
+  background: rgba(212, 175, 55, 0.12);
+  box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.08) inset, 0 10px 22px rgba(0, 0, 0, 0.22);
+}
+
+.profile-top-icon-btn:hover {
+  border-color: rgba(230, 236, 245, 0.28);
 }
 
 .profile-info-modal {