Take into account cropped layout setting

Signed-off-by: Louis Chemineau <[email protected]>

src/components/FilesListViewer.vue

@@ -67,6 +67,7 @@ import TiledLayout from '../components/TiledLayout/TiledLayout.vue'
 import { fetchFile } from '../services/fileFetcher.js'
 import VirtualScrolling from '../components/VirtualScrolling.vue'
 import EmptyBox from '../assets/Illustrations/empty.svg'
+import { loadState } from '@nextcloud/initial-state'
 
 export default {
 	name: 'FilesListViewer',
@@ -135,9 +136,10 @@ export default {
 	data() {
 		return {
 			EmptyBox,
+			croppedLayout: loadState('photos', 'croppedLayout', 'false') === 'true',
 			placeholderFiles: Array(20).fill(0).map((_, index) => {
 				const height = 200
-				const width = height * (1 + Math.random() * 2)
+				const width = this.croppedLayout ? height : height * (1 + Math.random() * 2)
 				return {
 					id: index,
 					width,
@@ -248,7 +250,7 @@ export default {
 				id: file.fileid,
 				width: file.fileMetadataSizeParsed.width,
 				height: file.fileMetadataSizeParsed.height,
-				ratio: file.fileMetadataSizeParsed.width / file.fileMetadataSizeParsed.height,
+				ratio: this.croppedLayout ? 1 : file.fileMetadataSizeParsed.width / file.fileMetadataSizeParsed.height,
 			}
 		},