diff --git a/web/src/lib/components/shared-components/gallery-viewer/gallery-viewer.svelte b/web/src/lib/components/shared-components/gallery-viewer/gallery-viewer.svelte index 9d7e45db0e..034ee0767f 100644 --- a/web/src/lib/components/shared-components/gallery-viewer/gallery-viewer.svelte +++ b/web/src/lib/components/shared-components/gallery-viewer/gallery-viewer.svelte @@ -63,14 +63,11 @@ const _assets = assets; updateSlidingWindow(); - const rowWidth = Math.floor(viewport.width); - const rowHeight = rowWidth < 850 ? 100 : 235; - geometry = getJustifiedLayoutFromAssets(_assets, { spacing: 2, heightTolerance: 0.15, - rowHeight, - rowWidth, + rowHeight: 235, + rowWidth: Math.floor(viewport.width), }); }); diff --git a/web/src/lib/stores/assets-store.svelte.ts b/web/src/lib/stores/assets-store.svelte.ts index 18c0624d32..ca52a5266b 100644 --- a/web/src/lib/stores/assets-store.svelte.ts +++ b/web/src/lib/stores/assets-store.svelte.ts @@ -39,9 +39,7 @@ export type AssetStoreOptions = Omit & { timelineAlbumId?: string; deferInit?: boolean; }; -export type AssetStoreLayoutOptions = { - rowHeight: number; -}; + // eslint-disable-next-line @typescript-eslint/no-explicit-any function updateObject(target: any, source: any): boolean { if (!target) { @@ -578,7 +576,6 @@ export class AssetStore { // --- private static #INIT_OPTIONS = {}; - #rowHeight = 235; #viewportHeight = $state(0); #viewportWidth = $state(0); #scrollTop = $state(0); @@ -621,7 +618,6 @@ export class AssetStore { const changed = value !== this.#viewportWidth; this.#viewportWidth = value; this.suspendTransitions = true; - this.#rowHeight = value < 850 ? 100 : 235; // side-effect - its ok! void this.#updateViewportGeometry(changed); } @@ -797,11 +793,6 @@ export class AssetStore { this.#updateViewportGeometry(false); } - updateLayoutOptions(options: AssetStoreLayoutOptions) { - this.#rowHeight = options.rowHeight; - this.refreshLayout(); - } - async #init(options: AssetStoreOptions) { // doing the following outside of the task reduces flickr this.isInitialized = false; @@ -871,11 +862,10 @@ export class AssetStore { createLayoutOptions() { const viewportWidth = this.viewportWidth; - return { spacing: 2, heightTolerance: 0.15, - rowHeight: this.#rowHeight, + rowHeight: 235, rowWidth: Math.floor(viewportWidth), }; }