aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorTerry Truong <terry06890@gmail.com>2022-05-24 12:06:46 +1000
committerTerry Truong <terry06890@gmail.com>2022-05-24 12:06:46 +1000
commit02290ae6b9f030a2cc3e6c69c199f9d72ea33ead (patch)
tree724782d846686bf55448d69bdad31734c91804ef
parent47ffa89c850a833d6fc8ed2bcca2fd7c58d044aa (diff)
Scale/recenter images in compound-images
-rw-r--r--src/components/Tile.vue3
1 files changed, 2 insertions, 1 deletions
diff --git a/src/components/Tile.vue b/src/components/Tile.vue
index 73a5c92..4e07113 100644
--- a/src/components/Tile.vue
+++ b/src/components/Tile.vue
@@ -425,9 +425,10 @@ export default defineComponent({
'url(\'/img/' + this.tolNode.imgName![idx]!.replaceAll('\'', '\\\'') + '\')' :
'none',
backgroundColor: '#1c1917',
- backgroundSize: 'cover',
+ backgroundSize: '125%',
borderRadius: 'inherit',
clipPath: idx == 0 ? 'polygon(0 0, 100% 0, 0 100%)' : 'polygon(100% 0, 0 100%, 100% 100%)',
+ backgroundPosition: idx == 0 ? 'right bottom' : 'left top',
};
},
onTransitionEnd(evt: Event){