Danilka/Art-gallery
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Enlarge movement-flow artist portraits to 150% size.

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Danila Khodjaef
2026-07-27 18:07:58 +03:00
co-authored by Cursor
parent 0466b77328
commit 08ff4651e2
2 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/MovementBands.css
+6 -6
View File
@@ -28,7 +28,7 @@
.movements-flow-canvas { .movements-flow-canvas {
--stream-stroke: 54px; --stream-stroke: 54px;
--portrait-size: 26px; --portrait-size: 39px;
position: relative; position: relative;
flex: 1; flex: 1;
min-height: 0; min-height: 0;
@@ -306,8 +306,8 @@
background: none; background: none;
border: 2px solid rgba(232, 213, 181, 0.75); border: 2px solid rgba(232, 213, 181, 0.75);
border-radius: 50%; border-radius: 50%;
width: var(--portrait-size, 26px); width: var(--portrait-size, 39px);
height: var(--portrait-size, 26px); height: var(--portrait-size, 39px);
padding: 0; padding: 0;
cursor: pointer; cursor: pointer;
overflow: visible; overflow: visible;
@@ -351,7 +351,7 @@
@media (max-width: 768px) { @media (max-width: 768px) {
.movements-flow-canvas { .movements-flow-canvas {
--stream-stroke: 44px; --stream-stroke: 44px;
--portrait-size: 22px; --portrait-size: 33px;
} }
.movements-flow-caption { .movements-flow-caption {
@@ -359,8 +359,8 @@
} }
.artist-portrait { .artist-portrait {
width: var(--portrait-size, 22px); width: var(--portrait-size, 33px);
height: var(--portrait-size, 22px); height: var(--portrait-size, 33px);
} }
.movement-flow-label { .movement-flow-label {
client/src/components/MovementBands.tsx
+2 -2
View File
@@ -1269,7 +1269,7 @@ export default function MovementBands({
branches: [] as BranchSegment[], branches: [] as BranchSegment[],
childIdsByParent: new Map<number, number[]>(), childIdsByParent: new Map<number, number[]>(),
streamStrokePx: MAX_STREAM_STROKE_PX, streamStrokePx: MAX_STREAM_STROKE_PX,
portraitSizePx: 52, portraitSizePx: 78,
streamCurveOffset: 14, streamCurveOffset: 14,
}; };
} }
@@ -1310,7 +1310,7 @@ export default function MovementBands({
if (laneStep >= MIN_STREAM_STROKE_PX + LANE_GAP_PX) { if (laneStep >= MIN_STREAM_STROKE_PX + LANE_GAP_PX) {
streamStrokePx = Math.max(MIN_STREAM_STROKE_PX, streamStrokePx); streamStrokePx = Math.max(MIN_STREAM_STROKE_PX, streamStrokePx);
} }
const portraitSizePx = Math.max(14, Math.min(26, streamStrokePx * 0.48)); const portraitSizePx = Math.max(21, Math.min(39, streamStrokePx * 0.72));
const streamCurveOffset = Math.min(12, Math.max(2, (laneStep - streamStrokePx) * 0.35)); const streamCurveOffset = Math.min(12, Math.max(2, (laneStep - streamStrokePx) * 0.35));
const yMax = layoutHeight - CANVAS_BOTTOM_PAD - streamStrokePx / 2; const yMax = layoutHeight - CANVAS_BOTTOM_PAD - streamStrokePx / 2;