position
This commit is contained in:
parent
05046c22fb
commit
26d342b8e0
|
@ -8,11 +8,10 @@ const props = defineProps(['files'])
|
||||||
|
|
||||||
onMounted(async () => {
|
onMounted(async () => {
|
||||||
const files = props.files
|
const files = props.files
|
||||||
const width = 1920
|
// const width = 1920
|
||||||
const height = 1080
|
// const height = 1080
|
||||||
// const width = window.innerWidth
|
const width = window.innerWidth
|
||||||
// const height = window.innerHeight
|
const height = window.innerHeight
|
||||||
const radius = 10
|
|
||||||
|
|
||||||
const svg = d3.select('#gallery').append("svg")
|
const svg = d3.select('#gallery').append("svg")
|
||||||
.attr("viewBox", [0, 0, width, height])
|
.attr("viewBox", [0, 0, width, height])
|
||||||
|
@ -38,8 +37,8 @@ onMounted(async () => {
|
||||||
});
|
});
|
||||||
const range = files.length + 2
|
const range = files.length + 2
|
||||||
const circles = d3.range(range).map(() => ({
|
const circles = d3.range(range).map(() => ({
|
||||||
x: Math.random() * (width - radius * 2) + radius,
|
x: Math.random() * width,
|
||||||
y: Math.random() * (height - radius * 2) + radius,
|
y: Math.random() * height,
|
||||||
}));
|
}));
|
||||||
|
|
||||||
let voronoi = d3.Delaunay
|
let voronoi = d3.Delaunay
|
||||||
|
|
|
@ -37,7 +37,7 @@ const page = Array.isArray(pageArray) ? pageArray[0] : pageArray
|
||||||
|
|
||||||
background-image: url(../../assets/promo/map.png);
|
background-image: url(../../assets/promo/map.png);
|
||||||
background-position: 50% 100%;
|
background-position: 50% 100%;
|
||||||
background-repeat: no-repeat;
|
background-size: auto 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pin {
|
.pin {
|
||||||
|
@ -47,8 +47,8 @@ const page = Array.isArray(pageArray) ? pageArray[0] : pageArray
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 300px;
|
bottom: 20vh;
|
||||||
left: calc(50% - 80px);
|
left: calc(50% - 1vw);
|
||||||
|
|
||||||
color: white;
|
color: white;
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue