aidar/SHiNE-server
SHA256
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refresh profile header action icons

Browse Source
This commit is contained in:
AidarKC
2026-07-22 15:12:48 +04:00
parent d24d1c178b
commit 38141ea5c7
6 changed files with 88 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
VERSION.properties
+2 -2
View File
@@ -1,2 +1,2 @@
client.version=1.2.339
server.version=1.2.311
client.version=1.2.340
server.version=1.2.312
shine-UI/assets/profile-icon-profile.svg
+5
View File
@@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 431 B

shine-UI/assets/profile-icon-settings.svg
+12
View File
@@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 1007 B

shine-UI/assets/profile-icon-wallet.svg
+6
View File
@@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 599 B

shine-UI/js/pages/profile-view.js
+11 -1
View File
@@ -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
+52 -16
View File
@@ -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;
min-height: 32px;
padding: 0 10px;
font-size: 12px;
line-height: 1.15;
text-align: center;
white-space: pre-line;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
width: 42px;
height: 42px;
min-width: 42px;
min-height: 42px;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 14px;
}
.profile-top-menu-btn {
width: 32px;
min-width: 32px;
padding: 0;
font-size: 22px;
line-height: 1;
letter-spacing: 0;
.profile-top-icon-btn img {
width: 22px;
height: 22px;
display: block;
opacity: 0.94;
filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.34));
}
.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 {