terry/Arkie-Library-Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

terry-staging #11

Merged
terry merged 37 commits from terry-staging into main 2026-05-29 19:29:58 +00:00
Conversation 0 Commits 37 Files Changed 39 +11 -3
1 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 27f9dbbc45 - Show all commits

14
src/components/messageStream/utils/albumLayout.ts
View File

@@ -34,8 +34,13 @@ export type AlbumLayout = {
* Keep ratios within a sane range so one extreme image can't make the whole * Keep ratios within a sane range so one extreme image can't make the whole
* mosaic absurdly tall or flat. Beyond this the cell crops (object-cover). * mosaic absurdly tall or flat. Beyond this the cell crops (object-cover).
*/ */
function clampRatio(ratio: number | undefined): number { function safeRatio(ratio: number | undefined): number {
if (!ratio || !Number.isFinite(ratio) || ratio <= 0) return 1; if (!ratio || !Number.isFinite(ratio) || ratio <= 0) return 1;
return ratio;
}
/** Bound a ratio so one extreme image can't make a multi-image mosaic ugly. */
function clampRatio(ratio: number): number {
return Math.min(2, Math.max(0.55, ratio)); return Math.min(2, Math.max(0.55, ratio));
} }
@@ -116,8 +121,11 @@ function layoutPrimaryPlusLine(ratios: number[]): AlbumLayout {
export function computeAlbumLayout( export function computeAlbumLayout(
rawRatios: (number | undefined)[], rawRatios: (number | undefined)[],
): AlbumLayout | null { ): AlbumLayout | null {
const ratios = rawRatios.map(clampRatio); const ratios = rawRatios.map(safeRatio);
if (ratios.length < 2) return null; if (ratios.length < 2) return null;
// Two images keep their true ratios so each cell matches its image exactly
// (object-cover then fits with no cropping). 3+ are clamped to keep the
// mosaic tidy.
if (ratios.length === 2) return layoutTwo(ratios); if (ratios.length === 2) return layoutTwo(ratios);
return layoutPrimaryPlusLine(ratios); return layoutPrimaryPlusLine(ratios.map(clampRatio));
} }