diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/views/nodes/trails/PresBox.scss | 12 | ||||
| -rw-r--r-- | src/client/views/nodes/trails/PresBox.tsx | 2 |
2 files changed, 9 insertions, 5 deletions
diff --git a/src/client/views/nodes/trails/PresBox.scss b/src/client/views/nodes/trails/PresBox.scss index 7a2733146..2c56cf698 100644 --- a/src/client/views/nodes/trails/PresBox.scss +++ b/src/client/views/nodes/trails/PresBox.scss @@ -47,9 +47,12 @@ .presBox-effect-container { cursor: pointer; overflow: hidden; - position: relative; + // position: relative; width: 80px; height: 80px; + display: flex; + justify-content: center; + align-items: center; /* background-color: #1f2028; */ border: 1px solid rgb(118, 118, 118); border-radius: 8px; @@ -58,12 +61,13 @@ .presBox-effect-demo-box { width: 40px; height: 40px; - position: absolute; - top: 20px; - left: 20px; + // position: absolute; + // top: 20px; + // left: 20px; border-radius: 4px; // default bg background-color: rgb(37, 161, 255); + // transform-origin: center; } // Bezier editor diff --git a/src/client/views/nodes/trails/PresBox.tsx b/src/client/views/nodes/trails/PresBox.tsx index d6bfda54f..2d93f8656 100644 --- a/src/client/views/nodes/trails/PresBox.tsx +++ b/src/client/views/nodes/trails/PresBox.tsx @@ -2301,7 +2301,7 @@ export class PresBox extends ViewBoxBaseComponent<FieldViewProps>() { }); }}> <SlideEffect dir={PresEffectDirection.Left as PresEffectDirection} presEffect={elem.effect as PresEffect} tension={elem.stiffness} friction={elem.damping} mass={elem.mass} infinite> - <div className="presBox-effect-demo-box" style={{ top: elem.effect === PresEffect.Flip ? 0 : '20px', left: elem.effect === PresEffect.Flip ? 0 : '20px', backgroundColor: '#ff2599' }}></div> + <div className="presBox-effect-demo-box"></div> </SlideEffect> </div> ))} |