SHA256
UI: уменьшение splash logo и правки diary preview
This commit is contained in:
+1
-1
@@ -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 |
@@ -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>
|
||||||
|
|||||||
@@ -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));
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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
@@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user