diff --git a/front/src/components/Promo/gallery.vue b/front/src/components/Promo/gallery.vue index 4abef15..948469e 100644 --- a/front/src/components/Promo/gallery.vue +++ b/front/src/components/Promo/gallery.vue @@ -8,11 +8,10 @@ const props = defineProps(['files']) onMounted(async () => { const files = props.files - const width = 1920 - const height = 1080 - // const width = window.innerWidth - // const height = window.innerHeight - const radius = 10 + // const width = 1920 + // const height = 1080 + const width = window.innerWidth + const height = window.innerHeight const svg = d3.select('#gallery').append("svg") .attr("viewBox", [0, 0, width, height]) @@ -38,8 +37,8 @@ onMounted(async () => { }); const range = files.length + 2 const circles = d3.range(range).map(() => ({ - x: Math.random() * (width - radius * 2) + radius, - y: Math.random() * (height - radius * 2) + radius, + x: Math.random() * width, + y: Math.random() * height, })); let voronoi = d3.Delaunay diff --git a/front/src/components/Promo/index.vue b/front/src/components/Promo/index.vue index 905ae7a..b158328 100644 --- a/front/src/components/Promo/index.vue +++ b/front/src/components/Promo/index.vue @@ -37,7 +37,7 @@ const page = Array.isArray(pageArray) ? pageArray[0] : pageArray background-image: url(../../assets/promo/map.png); background-position: 50% 100%; - background-repeat: no-repeat; + background-size: auto 100%; } .pin { @@ -47,8 +47,8 @@ const page = Array.isArray(pageArray) ? pageArray[0] : pageArray overflow: hidden; position: absolute; - bottom: 300px; - left: calc(50% - 80px); + bottom: 20vh; + left: calc(50% - 1vw); color: white;