fix(ui): bigger logo + shorter 'Создать' label

Logo: при 26px+тонких stroke (1.5) почти невидим. Bumped:
- width/height 26 → 28
- strokes 1.5 → 5 (визуально ~1.5px при 28px render)
- outer dots r=8 → 16/14 (main + secondaries)
- inner dots r=6.4 → 13/11
- core r=15 → 24
- outer orbit stroke использует --color-line-2 (мягче чем --color-line)

Favicon тоже укрупнён (stroke 2.2, dot r=3, core r=4) — читается в 16px tab.

Label: 'Создать запись' → 'Создать' для dict.action.create (RU + EN).
User feedback: 'Создать запись надо сократь на Создать'.
This commit is contained in:
Zimin A.N.
2026-05-11 23:36:00 +03:00
parent 7684e0c9bd
commit 0c978bec0c
3 changed files with 27 additions and 26 deletions
+5 -5
View File
@@ -1,10 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32">
<title>Ordinis favicon</title> <title>Ordinis favicon</title>
<g transform="translate(16 16)"> <g transform="translate(16 16)">
<circle r="12" fill="none" stroke="#d97757" stroke-width="1.4"/> <circle r="13" fill="none" stroke="#d97757" stroke-width="2.2"/>
<circle cx="12" cy="0" r="2.3" fill="#b05a2e"/> <circle cx="13" cy="0" r="3" fill="#b05a2e"/>
<circle cx="-6" cy="10.39" r="2.3" fill="#b05a2e"/> <circle cx="-6.5" cy="11.26" r="3" fill="#b05a2e"/>
<circle cx="-6" cy="-10.39" r="2.3" fill="#b05a2e"/> <circle cx="-6.5" cy="-11.26" r="3" fill="#b05a2e"/>
<circle r="2.8" fill="#b05a2e"/> <circle r="4" fill="#b05a2e"/>
</g> </g>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 437 B

After

Width:  |  Height:  |  Size: 433 B

@@ -175,13 +175,14 @@ function SidebarContent({
onClick={onNavigate} onClick={onNavigate}
title="ORDINIS MDM" title="ORDINIS MDM"
> >
{/* Ordinis mark — orbital structure из brand spec, recolored под {/* Ordinis mark — orbital structure recolored под Ordinis palette.
Ordinis terracotta palette. Никакого синего — accent (terracotta) При мелком размере (28px) тонкие линии/маленькие dots становились
для dots + core, line (cream) для outer orbits. Theme-aware: почти невидимыми. Bumped strokeWidth до 5 + dot radii до 14/11
CSS vars резолвят свой цвет per light/dark. */} (внутри 256 viewBox = читаемые ~1.5px / 1.2px при 28px render).
Theme-aware через currentColor + var(--color-line). */}
<svg <svg
width="26" width="28"
height="26" height="28"
viewBox="0 0 256 256" viewBox="0 0 256 256"
fill="none" fill="none"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
@@ -189,19 +190,19 @@ function SidebarContent({
className="shrink-0 text-accent" className="shrink-0 text-accent"
> >
<g transform="translate(128 128)"> <g transform="translate(128 128)">
{/* Outer orbits — мягкие, line tone */} {/* Outer orbits — line tone, bolder stroke для видимости при 28px */}
<circle r="96" fill="none" stroke="var(--color-line)" strokeWidth="1.5" /> <circle r="96" fill="none" stroke="var(--color-line-2)" strokeWidth="5" />
<circle r="62" fill="none" stroke="var(--color-line)" strokeWidth="1.5" /> <circle r="62" fill="none" stroke="var(--color-line-2)" strokeWidth="5" />
{/* Outer orbit dots (3) — accent solid */} {/* Outer orbit dots (3) — large accent dots */}
<circle cx="96" cy="0" r="8" fill="currentColor" /> <circle cx="96" cy="0" r="16" fill="currentColor" />
<circle cx="-48" cy="83.14" r="8" fill="currentColor" opacity="0.7" /> <circle cx="-48" cy="83.14" r="14" fill="currentColor" opacity="0.7" />
<circle cx="-48" cy="-83.14" r="8" fill="currentColor" opacity="0.7" /> <circle cx="-48" cy="-83.14" r="14" fill="currentColor" opacity="0.7" />
{/* Inner orbit dots (3) — accent slightly softer */} {/* Inner orbit dots (3) */}
<circle cx="-62" cy="0" r="6.4" fill="currentColor" /> <circle cx="-62" cy="0" r="13" fill="currentColor" />
<circle cx="31" cy="-53.69" r="6.4" fill="currentColor" opacity="0.7" /> <circle cx="31" cy="-53.69" r="11" fill="currentColor" opacity="0.7" />
<circle cx="31" cy="53.69" r="6.4" fill="currentColor" opacity="0.7" /> <circle cx="31" cy="53.69" r="11" fill="currentColor" opacity="0.7" />
{/* Core — solid accent */} {/* Core — solid accent, prominent */}
<circle r="15" fill="currentColor" /> <circle r="24" fill="currentColor" />
</g> </g>
</svg> </svg>
{!collapsed && ( {!collapsed && (
+2 -2
View File
@@ -280,7 +280,7 @@ i18n
'dict.pendingReview.label': 'На review', 'dict.pendingReview.label': 'На review',
'dict.pendingReview.tooltip': 'Есть pending draft на эту запись. Откройте /reviews для approve/reject.', 'dict.pendingReview.tooltip': 'Есть pending draft на эту запись. Откройте /reviews для approve/reject.',
'dict.list.records': 'записей', 'dict.list.records': 'записей',
'dict.action.create': 'Создать запись', 'dict.action.create': 'Создать',
'dict.action.edit': 'Изменить', 'dict.action.edit': 'Изменить',
'dict.action.close': 'Закрыть', 'dict.action.close': 'Закрыть',
'dict.confirmClose.title': 'Закрыть запись?', 'dict.confirmClose.title': 'Закрыть запись?',
@@ -790,7 +790,7 @@ i18n
'dict.pendingReview.label': 'Pending review', 'dict.pendingReview.label': 'Pending review',
'dict.pendingReview.tooltip': 'A draft is pending for this record. Open /reviews to approve/reject.', 'dict.pendingReview.tooltip': 'A draft is pending for this record. Open /reviews to approve/reject.',
'dict.list.records': 'records', 'dict.list.records': 'records',
'dict.action.create': 'Create record', 'dict.action.create': 'Create',
'dict.action.edit': 'Edit', 'dict.action.edit': 'Edit',
'dict.action.close': 'Close', 'dict.action.close': 'Close',
'dict.confirmClose.title': 'Close record?', 'dict.confirmClose.title': 'Close record?',