diff options
| author | Sophie Zhang <sophie_zhang@brown.edu> | 2024-04-25 11:17:35 -0400 |
|---|---|---|
| committer | Sophie Zhang <sophie_zhang@brown.edu> | 2024-04-25 11:17:35 -0400 |
| commit | 219f023202658414b09c5245c807c1bb6cdc4285 (patch) | |
| tree | dcb26a3ef75790d2512301c18231ad84a80f447b /src/client/views/nodes/trails/PresBox.scss | |
| parent | 438de8877a3cc1a6b663d43d163704c3cc01bd4a (diff) | |
ui framework for effect animations
Diffstat (limited to 'src/client/views/nodes/trails/PresBox.scss')
| -rw-r--r-- | src/client/views/nodes/trails/PresBox.scss | 29 |
1 files changed, 29 insertions, 0 deletions
diff --git a/src/client/views/nodes/trails/PresBox.scss b/src/client/views/nodes/trails/PresBox.scss index adc59d812..09de4b0f4 100644 --- a/src/client/views/nodes/trails/PresBox.scss +++ b/src/client/views/nodes/trails/PresBox.scss @@ -36,6 +36,35 @@ overflow-y: hidden; } +// Effect Animations + +.presBox-effect-row { + display: flex; + gap: 4px; + margin: 4px; +} + +.presBox-effect-container { + overflow: hidden; + position: relative; + width: 80px; + height: 80px; + /* background-color: #1f2028; */ + border: 1px solid rgb(118, 118, 118); + border-radius: 8px; +} + +.presBox-effect-demo-box { + width: 40px; + height: 40px; + position: absolute; + top: 20px; + left: 20px; + border-radius: 4px; + // default bg + background-color: rgb(37, 161, 255); +} + // Bezier editor .presBox-show-hide-dropdown { |