studio-variable/world-game
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix: cursor outline scale depuis le bon centre
All checks were successful
Deploy / Deploy to Production (push) Successful in 13s
Details

Browse source 
scale() dans le transform plutôt qu'en propriété CSS séparée.
La propriété scale CSS calcule son transform-origin sur la position
layout (avant translate), pas la position visuelle — d'où le décalage.
Avec transform: translate(-50%, -50%) scale(0.5), le centre reste en (0,0).

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
isUnknown 2026-02-19 14:29:09 +01:00
parent 8b4fa2aa47
commit a1785743c9
1 changed files with 2 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/layout/Cursor.svelte
View file

@ -71,11 +71,11 @@
width: 40px; width: 40px;
height: 40px; height: 40px;
border: 2px solid #04fea0; border: 2px solid #04fea0;
transition: scale 0.2s ease; transition: transform 0.2s ease;
} }
.upon-target .cursor-outline { .upon-target .cursor-outline {
scale: 0.5; transform: translate(-50%, -50%) scale(0.5);
} }
@media (max-width: 768px) { @media (max-width: 768px) {