diff options
| author | sowgro <tpoke.ferrari@gmail.com> | 2025-03-31 00:38:37 -0400 |
|---|---|---|
| committer | sowgro <tpoke.ferrari@gmail.com> | 2025-03-31 00:38:37 -0400 |
| commit | cfe40fa1e416fbf4586ef36b63a145453a4d6224 (patch) | |
| tree | 8453977b736c1b015e24e8dfed0dbceb87c0fce1 /ufund-ui/src/app/app.component.css | |
| parent | aa5610d0f56c2a048212b3bd3a9ca5671ec855fa (diff) | |
| download | JellySolutions-cfe40fa1e416fbf4586ef36b63a145453a4d6224.tar.gz JellySolutions-cfe40fa1e416fbf4586ef36b63a145453a4d6224.tar.bz2 JellySolutions-cfe40fa1e416fbf4586ef36b63a145453a4d6224.zip | |
Continue working on css (1)
Diffstat (limited to 'ufund-ui/src/app/app.component.css')
| -rw-r--r-- | ufund-ui/src/app/app.component.css | 28 |
1 files changed, 28 insertions, 0 deletions
diff --git a/ufund-ui/src/app/app.component.css b/ufund-ui/src/app/app.component.css index 5596cf8..5af3958 100644 --- a/ufund-ui/src/app/app.component.css +++ b/ufund-ui/src/app/app.component.css @@ -43,3 +43,31 @@ text-decoration: underline; } } + +.toast { + transform: translateY(-90px); + transition: transform .5s; + align-self: center; + z-index: 3; + position: absolute; + top: 15px; + display: flex; + flex-direction: row; + padding: 3px 15px; + background-color: #3a3a3a; + border-radius: 100000px; + gap: 10px; + align-items: center; + + button { + aspect-ratio: 1/1; + margin-right: -11px; + padding: 8px; + display: flex; + align-items: center; + } +} + +.toast.active { + transform: translateY(0); +} |