From 0d0959d6ac3e81869ba848371d9b6ea12710debc Mon Sep 17 00:00:00 2001
From: sowgro <tpoke.ferrari@gmail.com>
Date: Mon, 7 Apr 2025 11:52:24 -0400
Subject: Fix colors on login / signup pages

---
 ufund-ui/src/app/components/signup/signup.component.css | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

(limited to 'ufund-ui/src/app/components/signup/signup.component.css')

diff --git a/ufund-ui/src/app/components/signup/signup.component.css b/ufund-ui/src/app/components/signup/signup.component.css
index aa90e04..207135f 100644
--- a/ufund-ui/src/app/components/signup/signup.component.css
+++ b/ufund-ui/src/app/components/signup/signup.component.css
@@ -15,14 +15,13 @@
     flex-direction: column;
     max-width: 500px;
     gap: 10px;
-    backdrop-filter: blur(25px);
-    background-color: rgba(0, 0, 0, 0.1);
+    backdrop-filter: blur(10px);
+    background-color: color-mix(in srgb, var(--background-color), transparent 50%);
     padding: 30px;
-    color: white;
     border-radius: 5px;
     border-style: solid;
     border-width: 1px;
-    border-color: rgb(140, 140, 255);
+    border-color: var(--highlight-color);
 
     & > div {
         display: flex;
-- 
cgit v1.2.3


From bb4e0e55fee7ec8f34c36e6299301d612a0de2ce Mon Sep 17 00:00:00 2001
From: sowgro <tpoke.ferrari@gmail.com>
Date: Mon, 7 Apr 2025 16:46:53 -0400
Subject: Redo login page

---
 .../src/app/components/signup/signup.component.css | 42 +++++++++++++++++++++-
 1 file changed, 41 insertions(+), 1 deletion(-)

(limited to 'ufund-ui/src/app/components/signup/signup.component.css')

diff --git a/ufund-ui/src/app/components/signup/signup.component.css b/ufund-ui/src/app/components/signup/signup.component.css
index 207135f..4073931 100644
--- a/ufund-ui/src/app/components/signup/signup.component.css
+++ b/ufund-ui/src/app/components/signup/signup.component.css
@@ -11,17 +11,19 @@
 }
 
 #box {
+    animation: ease-in-out fadeIn .1s;
     display: flex;
     flex-direction: column;
     max-width: 500px;
     gap: 10px;
     backdrop-filter: blur(10px);
     background-color: color-mix(in srgb, var(--background-color), transparent 50%);
-    padding: 30px;
+    padding: 90px 30px;
     border-radius: 5px;
     border-style: solid;
     border-width: 1px;
     border-color: var(--highlight-color);
+    z-index: 2;
 
     & > div {
         display: flex;
@@ -85,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
+    }
+}
+
-- 
cgit v1.2.3