diff --git a/frontend/src/components/VImageCell/VImageCell.vue b/frontend/src/components/VImageCell/VImageCell.vue index fab2eea00c9..b041940ab9f 100644 --- a/frontend/src/components/VImageCell/VImageCell.vue +++ b/frontend/src/components/VImageCell/VImageCell.vue @@ -1,10 +1,14 @@ @@ -116,6 +122,7 @@ export default defineComponent({ const imageUrl = computed(() => { // TODO: check if we have blurry panorama thumbnails + // Use the main image file and not the thumbnails for panorama images to // fix for blurry panorama thumbnails, introduced in // https://github.com/cc-archive/cccatalog-frontend/commit/4c9bdac5 if (isPanorama.value) { @@ -199,3 +206,15 @@ export default defineComponent({ }, }) + + diff --git a/frontend/src/components/VImageCell/meta/VImageCell.stories.mdx b/frontend/src/components/VImageCell/meta/VImageCell.stories.mdx index f47b4c2783d..cbecc80d03a 100644 --- a/frontend/src/components/VImageCell/meta/VImageCell.stories.mdx +++ b/frontend/src/components/VImageCell/meta/VImageCell.stories.mdx @@ -17,7 +17,7 @@ export const Template = (args, { argTypes }) => ({ template: `
    ({ parameters={{ viewport: { defaultViewport: "sm" }, }} - args={{ - aspectRatio: "intrinsic", - image: image, - }} argTypes={{ aspectRatio: { options: ["square", "intrinsic"], @@ -51,6 +47,10 @@ export const Template = (args, { argTypes }) => ({ control: { type: "object" }, }, }} + args={{ + aspectRatio: "intrinsic", + image: { ...image, url: base64Image }, + }} > {Template.bind({})} diff --git a/frontend/src/components/VSearchResultsGrid/VImageGrid.vue b/frontend/src/components/VSearchResultsGrid/VImageGrid.vue index e1623710275..4d24a918a4b 100644 --- a/frontend/src/components/VSearchResultsGrid/VImageGrid.vue +++ b/frontend/src/components/VSearchResultsGrid/VImageGrid.vue @@ -1,5 +1,5 @@