Skip to content

Commit 14e6eda

Browse files
committed
fix(site): size the particle canvas to the viewport
The canvas sets width and height attributes scaled by devicePixelRatio. Those give the element a specified size that inset: 0 cannot shrink, so on a 2x display the box was twice the viewport and the dots covered only the top-left quadrant. Percentages resolve against the fixed containing block and, unlike 100vw, exclude the scrollbar gutter.
1 parent f4d5012 commit 14e6eda

1 file changed

Lines changed: 2 additions & 0 deletions

File tree

apps/site/src/components/ParticleField.vue

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -151,6 +151,8 @@ onUnmounted(() => {
151151
position: fixed;
152152
z-index: -1;
153153
inset: 0;
154+
width: 100%;
155+
height: 100%;
154156
pointer-events: none;
155157
}
156158
</style>

0 commit comments

Comments
 (0)