aboutsummaryrefslogtreecommitdiff
path: root/ufund-ui/src
diff options
context:
space:
mode:
Diffstat (limited to 'ufund-ui/src')
-rw-r--r--ufund-ui/src/app/components/login/login.component.css7
-rw-r--r--ufund-ui/src/app/components/login/login.component.html5
-rw-r--r--ufund-ui/src/styles.css5
3 files changed, 12 insertions, 5 deletions
diff --git a/ufund-ui/src/app/components/login/login.component.css b/ufund-ui/src/app/components/login/login.component.css
index c752de3..4bfcbb8 100644
--- a/ufund-ui/src/app/components/login/login.component.css
+++ b/ufund-ui/src/app/components/login/login.component.css
@@ -9,13 +9,16 @@
#box {
display: flex;
flex-direction: column;
- max-width: 330px;
- gap: 7px;
+ max-width: 350px;
+ gap: 10px;
backdrop-filter: blur(10px);
background-color: rgba(0, 0, 0, 0.1);
padding: 30px;
color: white;
border-radius: 5px;
+ border-style: solid;
+ border-width: 1px;
+ border-color: white;
}
.border {
diff --git a/ufund-ui/src/app/components/login/login.component.html b/ufund-ui/src/app/components/login/login.component.html
index 516b07b..e04ec23 100644
--- a/ufund-ui/src/app/components/login/login.component.html
+++ b/ufund-ui/src/app/components/login/login.component.html
@@ -4,6 +4,9 @@
<input placeholder="Username" type="text" #username>
<input placeholder="Password" type="password" #password>
<button type="button" (click)="login(username.value, password.value)">Login</button>
- <button type="button" (click)="signup(username.value, password.value)">Create Account</button>
+ <div>
+ New? <a href="/">Create an account</a>
+ </div>
+<!-- <button type="button" (click)="signup(username.value, password.value)">Create Account</button>-->
<span *ngIf="statusText">{{statusText | async}}</span>
</div>
diff --git a/ufund-ui/src/styles.css b/ufund-ui/src/styles.css
index dc7dcea..bad2232 100644
--- a/ufund-ui/src/styles.css
+++ b/ufund-ui/src/styles.css
@@ -22,7 +22,8 @@ input {
font-size: 14pt;
padding: 5px;
border-radius: 5px;
- border-style: none;
+ border-style: solid;
+ border-width: 1px;
background-color: light-dark(#ebebeb, #3a3a3a);
&:hover {
@@ -32,7 +33,7 @@ input {
button, .button {
font-size: 14pt;
- padding: 5px 10px;
+ padding: 6px 10px;
border-radius: 5px;
border-style: none;
background-color: light-dark(#ebebeb, #3a3a3a);