diff options
| author | sowgro <tpoke.ferrari@gmail.com> | 2025-04-07 21:00:53 -0400 |
|---|---|---|
| committer | sowgro <tpoke.ferrari@gmail.com> | 2025-04-07 21:00:53 -0400 |
| commit | 426b21de0a3f7ee8706b83af4acddb731798be2c (patch) | |
| tree | b51bda63a4bbbef158353600a878e8192f7f7952 /ufund-ui/src/app/components/signup/signup.component.css | |
| parent | 71e01e85a33b0109847867878b2af733b4751e46 (diff) | |
| parent | 7617db08a43d873a65abd47b02e23ad8cb4cb5cd (diff) | |
| download | JellySolutions-426b21de0a3f7ee8706b83af4acddb731798be2c.tar.gz JellySolutions-426b21de0a3f7ee8706b83af4acddb731798be2c.tar.bz2 JellySolutions-426b21de0a3f7ee8706b83af4acddb731798be2c.zip | |
Merge branch 'main' into call-to-action
Diffstat (limited to 'ufund-ui/src/app/components/signup/signup.component.css')
| -rw-r--r-- | ufund-ui/src/app/components/signup/signup.component.css | 49 |
1 files changed, 44 insertions, 5 deletions
diff --git a/ufund-ui/src/app/components/signup/signup.component.css b/ufund-ui/src/app/components/signup/signup.component.css index aa90e04..4073931 100644 --- a/ufund-ui/src/app/components/signup/signup.component.css +++ b/ufund-ui/src/app/components/signup/signup.component.css @@ -11,18 +11,19 @@ } #box { + animation: ease-in-out fadeIn .1s; display: flex; flex-direction: column; max-width: 500px; gap: 10px; - backdrop-filter: blur(25px); - background-color: rgba(0, 0, 0, 0.1); - padding: 30px; - color: white; + backdrop-filter: blur(10px); + background-color: color-mix(in srgb, var(--background-color), transparent 50%); + padding: 90px 30px; border-radius: 5px; border-style: solid; border-width: 1px; - border-color: rgb(140, 140, 255); + border-color: var(--highlight-color); + z-index: 2; & > div { display: flex; @@ -86,3 +87,41 @@ } } +h1 { + margin-top: 0; +} + +#bg-cr { + position: absolute; + margin-top: -150px; + top:0; + width: 100vw; + height: calc(100vh + 150px); + background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.1)), url("/login-cr.jpg"); + background-size: cover; + opacity: calc(var(--opacity-cr)); + z-index: 1; +} + +#bg-jf { + position: absolute; + top:0; + width: 100vw; + height: 100vh; + background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/login-jf.jpg"); + /*backdrop-filter: brightness(1%);*/ + background-size: cover; + opacity: var(--opacity-jf); + z-index: 1; +} + +@keyframes fadeIn { + from { + transform: translateY(-20px); + opacity: 0 + } + to { + opacity: 1 + } +} + |