ivan-igorevich/mdm-ordinis
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files
ordinis-admin-ui/src/components/layout/Sidebar.tsx
+20 -19
View File
@@ -175,13 +175,14 @@ function SidebarContent({
onClick={onNavigate}
title="ORDINIS MDM"
>
{/* Ordinis mark — orbital structure из brand spec, recolored под
Ordinis terracotta palette. Никакого синего — accent (terracotta)
для dots + core, line (cream) для outer orbits. Theme-aware:
CSS vars резолвят свой цвет per light/dark. */}
{/* Ordinis mark — orbital structure recolored под Ordinis palette.
При мелком размере (28px) тонкие линии/маленькие dots становились
почти невидимыми. Bumped strokeWidth до 5 + dot radii до 14/11
(внутри 256 viewBox = читаемые ~1.5px / 1.2px при 28px render).
Theme-aware через currentColor + var(--color-line). */}
<svg
width="26"
height="26"
width="28"
height="28"
viewBox="0 0 256 256"
fill="none"
xmlns="http://www.w3.org/2000/svg"
@@ -189,19 +190,19 @@ function SidebarContent({
className="shrink-0 text-accent"
>
<g transform="translate(128 128)">
{/* Outer orbits — мягкие, line tone */}
<circle r="96" fill="none" stroke="var(--color-line)" strokeWidth="1.5" />
<circle r="62" fill="none" stroke="var(--color-line)" strokeWidth="1.5" />
{/* Outer orbit dots (3) — accent solid */}
<circle cx="96" cy="0" r="8" fill="currentColor" />
<circle cx="-48" cy="83.14" r="8" fill="currentColor" opacity="0.7" />
<circle cx="-48" cy="-83.14" r="8" fill="currentColor" opacity="0.7" />
{/* Inner orbit dots (3) — accent slightly softer */}
<circle cx="-62" cy="0" r="6.4" fill="currentColor" />
<circle cx="31" cy="-53.69" r="6.4" fill="currentColor" opacity="0.7" />
<circle cx="31" cy="53.69" r="6.4" fill="currentColor" opacity="0.7" />
{/* Core — solid accent */}
<circle r="15" fill="currentColor" />
{/* Outer orbits — line tone, bolder stroke для видимости при 28px */}
<circle r="96" fill="none" stroke="var(--color-line-2)" strokeWidth="5" />
<circle r="62" fill="none" stroke="var(--color-line-2)" strokeWidth="5" />
{/* Outer orbit dots (3) — large accent dots */}
<circle cx="96" cy="0" r="16" fill="currentColor" />
<circle cx="-48" cy="83.14" r="14" fill="currentColor" opacity="0.7" />
<circle cx="-48" cy="-83.14" r="14" fill="currentColor" opacity="0.7" />
{/* Inner orbit dots (3) */}
<circle cx="-62" cy="0" r="13" fill="currentColor" />
<circle cx="31" cy="-53.69" r="11" fill="currentColor" opacity="0.7" />
<circle cx="31" cy="53.69" r="11" fill="currentColor" opacity="0.7" />
{/* Core — solid accent, prominent */}
<circle r="24" fill="currentColor" />
</g>
</svg>
{!collapsed && (