update challenge modal

This commit is contained in:
Tom (plebeius.eth)
2025-03-04 15:59:32 +01:00
parent 31c150fff4
commit d0a5e90907
2 changed files with 4 additions and 3 deletions
@@ -1,7 +1,5 @@
.container { .container {
position: fixed; position: fixed;
top: calc(50% - 150px);
left: calc(50% - 150px);
display: block; display: block;
padding: 2px; padding: 2px;
font-size: 10pt; font-size: 10pt;
@@ -10,6 +8,9 @@
z-index: 999; z-index: 999;
background-color: var(--challenge-modal-background-color); background-color: var(--challenge-modal-background-color);
border: var(--challenge-modal-border); border: var(--challenge-modal-border);
will-change: transform;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
} }
.title { .title {
@@ -69,7 +69,7 @@ const Challenge = ({ challenge, closeModal }: ChallengeProps) => {
const [{ x, y }, api] = useSpring(() => ({ const [{ x, y }, api] = useSpring(() => ({
x: window.innerWidth / 2 - 150, x: window.innerWidth / 2 - 150,
y: window.innerHeight / 2 - 400, y: window.innerHeight / 2 - 200,
})); }));
const bind = useDrag( const bind = useDrag(