UI: уменьшение splash logo и правки diary preview

This commit is contained in:
AidarKC
2026-08-11 17:03:46 +04:00
parent bc11b60147
commit ee5d86003b
7 changed files with 22 additions and 18 deletions
+1 -1
View File
@@ -1,2 +1,2 @@
client.version=1.5.33 client.version=1.5.34
server.version=1.4.10 server.version=1.4.10
Binary file not shown.

Before

Width:  |  Height:  |  Size: 694 KiB

After

Width:  |  Height:  |  Size: 227 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 694 KiB

+3 -1
View File
@@ -33,6 +33,7 @@ import {
makeShineMessageRoute, makeShineMessageRoute,
} from '../services/shine-routes.js'; } from '../services/shine-routes.js';
import { buildArweaveDataUrl } from '../services/arweave-file-service.js'; import { buildArweaveDataUrl } from '../services/arweave-file-service.js';
import { parseDmTechBlocks } from '../services/dm-tech-blocks.js';
export const pageMeta = { id: 'channel-view', title: 'Канал' }; export const pageMeta = { id: 'channel-view', title: 'Канал' };
const CHANNEL_TYPE_STORIES = 0; const CHANNEL_TYPE_STORIES = 0;
@@ -1712,7 +1713,8 @@ function renderPostCard(post, {
const targetPreview = document.createElement('div'); const targetPreview = document.createElement('div');
targetPreview.className = 'channel-message-target-preview'; targetPreview.className = 'channel-message-target-preview';
const targetType = getChannelMessageTypeMeta(post.targetMsgSubType)?.label || 'Материал'; const targetType = getChannelMessageTypeMeta(post.targetMsgSubType)?.label || 'Материал';
const targetText = String(post.targetText || '').trim(); const targetParsed = parseDmTechBlocks(String(post.targetText || '').trim());
const targetText = String(targetParsed.displayText || targetParsed.visibleText || '').trim();
const targetAuthor = String(post.targetAuthorLogin || '').trim(); const targetAuthor = String(post.targetAuthorLogin || '').trim();
targetPreview.innerHTML = ` targetPreview.innerHTML = `
<strong>${escapeHtml(targetType)}</strong> <strong>${escapeHtml(targetType)}</strong>
+4 -1
View File
@@ -1022,10 +1022,13 @@ export function render({ navigate, route, chrome }) {
const viewportHeight = Math.max(viewport?.height || 0, window.innerHeight || 0); const viewportHeight = Math.max(viewport?.height || 0, window.innerHeight || 0);
const viewportShrunk = baseViewportHeight - viewportHeight > 120; const viewportShrunk = baseViewportHeight - viewportHeight > 120;
const keyboardInset = viewportShrunk const keyboardInset = viewportShrunk
? Math.max(0, (window.innerHeight || 0) - viewportHeight - Number(viewport?.offsetTop || 0)) ? Math.max(0, baseViewportHeight - viewportHeight)
: 0; : 0;
setKeyboardInset(keyboardInset); setKeyboardInset(keyboardInset);
setChatKeyboardOpen(inputFocused && viewportShrunk); setChatKeyboardOpen(inputFocused && viewportShrunk);
if (viewportShrunk && window.scrollY !== 0) {
window.scrollTo(0, 0);
}
if (inputFocused) { if (inputFocused) {
window.requestAnimationFrame(() => scrollToLatestMessage(log)); window.requestAnimationFrame(() => scrollToLatestMessage(log));
} }
+3 -3
View File
@@ -538,7 +538,7 @@
.initial-splash__logo-wrap { .initial-splash__logo-wrap {
position: relative; position: relative;
isolation: isolate; isolation: isolate;
width: clamp(232px, 59vw, 284px); width: clamp(156px, 42vw, 208px);
aspect-ratio: 1; aspect-ratio: 1;
} }
@@ -565,9 +565,9 @@
} }
.initial-splash__brand { .initial-splash__brand {
margin-top: -4px; margin-top: -2px;
color: #f4ebdd; color: #f4ebdd;
font-size: clamp(42px, 9vw, 56px); font-size: clamp(34px, 7vw, 46px);
font-weight: 500; font-weight: 500;
line-height: 1; line-height: 1;
text-shadow: 0 3px 22px rgba(210, 168, 90, 0.2); text-shadow: 0 3px 22px rgba(210, 168, 90, 0.2);
+11 -12
View File
@@ -4,6 +4,7 @@ body {
background: #05070A; background: #05070A;
min-height: 100vh; min-height: 100vh;
position: relative; position: relative;
overflow: hidden;
} }
body::before { body::before {
@@ -22,8 +23,12 @@ body::before {
.app-shell { .app-shell {
width: min(100vw, 430px); width: min(100vw, 430px);
height: 100dvh; height: 100vh;
position: relative; height: 100svh;
position: fixed;
top: 0;
left: 50%;
transform: translateX(-50%);
--call-minimized-bar-height: 0px; --call-minimized-bar-height: 0px;
--topbar-height: 0px; --topbar-height: 0px;
--composer-height: 0px; --composer-height: 0px;
@@ -111,22 +116,16 @@ body::before {
} }
body.chat-keyboard-open .screen-content { body.chat-keyboard-open .screen-content {
bottom: calc(var(--composer-height, 0px) + var(--keyboard-offset, 0px)); bottom: calc(var(--composer-height, 0px) + max(var(--toolbar-height, 78px), var(--keyboard-offset, 0px)));
padding-bottom: calc(14px + env(safe-area-inset-bottom)); padding-bottom: calc(14px + env(safe-area-inset-bottom));
} }
body.chat-keyboard-open .composer-slot { body.chat-keyboard-open .composer-slot {
bottom: var(--keyboard-offset, 0px); bottom: max(var(--toolbar-height, 78px), var(--keyboard-offset, 0px));
padding-bottom: calc(8px + env(safe-area-inset-bottom)); padding-bottom: calc(8px + env(safe-area-inset-bottom));
} }
body.chat-keyboard-open .toolbar-slot { body.chat-keyboard-open .toolbar-slot {
opacity: 0;
pointer-events: none;
transform: translateY(calc(100% + env(safe-area-inset-bottom)));
}
body.chat-keyboard-open.chat-toolbar-persistent .toolbar-slot {
opacity: 1; opacity: 1;
pointer-events: auto; pointer-events: auto;
transform: none; transform: none;
@@ -173,8 +172,8 @@ body.chat-keyboard-open.chat-toolbar-persistent .toolbar-slot {
@media (min-width: 900px) { @media (min-width: 900px) {
.app-shell { .app-shell {
margin: 16px 0; top: 16px;
height: calc(100dvh - 32px); height: calc(100svh - 32px);
border-radius: 24px; border-radius: 24px;
} }
} }