mirror of
https://github.com/bitsocialnet/5chan.git
synced 2026-08-03 07:41:04 +02:00
update challenge modal
This commit is contained in:
@@ -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(
|
||||||
|
|||||||
Reference in New Issue
Block a user