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 {
--stream-stroke: 54px;
--portrait-size: 26px;
--portrait-size: 39px;
position: relative;
flex: 1;
min-height: 0;
@@ -306,8 +306,8 @@
background: none;
border: 2px solid rgba(232, 213, 181, 0.75);
border-radius: 50%;
width: var(--portrait-size, 26px);
height: var(--portrait-size, 26px);
width: var(--portrait-size, 39px);
height: var(--portrait-size, 39px);
padding: 0;
cursor: pointer;
overflow: visible;
@@ -351,7 +351,7 @@
@media (max-width: 768px) {
.movements-flow-canvas {
--stream-stroke: 44px;
--portrait-size: 22px;
--portrait-size: 33px;
}
.movements-flow-caption {
@@ -359,8 +359,8 @@
}
.artist-portrait {
width: var(--portrait-size, 22px);
height: var(--portrait-size, 22px);
width: var(--portrait-size, 33px);
height: var(--portrait-size, 33px);
}
.movement-flow-label {
client/src/components/MovementBands.tsx
+2 -2
View File
@@ -1269,7 +1269,7 @@ export default function MovementBands({
branches: [] as BranchSegment[],
childIdsByParent: new Map<number, number[]>(),
streamStrokePx: MAX_STREAM_STROKE_PX,
portraitSizePx: 52,
portraitSizePx: 78,
streamCurveOffset: 14,
};
}
@@ -1310,7 +1310,7 @@ export default function MovementBands({
if (laneStep >= MIN_STREAM_STROKE_PX + LANE_GAP_PX) {
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 yMax = layoutHeight - CANVAS_BOTTOM_PAD - streamStrokePx / 2;