position
This commit is contained in:
parent
05046c22fb
commit
26d342b8e0
|
@ -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
|
||||
|
|
|
@ -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;
|
||||
|
||||
|
|
Loading…
Reference in New Issue