diff options
| author | crupest <crupest@outlook.com> | 2019-03-18 21:47:19 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2019-03-18 21:47:19 +0800 |
| commit | b47d61c59c399f45d7fa59f600c58e9089cb1dab (patch) | |
| tree | 2f3592ffdac110821213698fc8f2854e244ea0a4 /Timeline/ClientApp/src | |
| parent | 69ede25976c11f0624036251523d5f1d28811740 (diff) | |
| download | timeline-b47d61c59c399f45d7fa59f600c58e9089cb1dab.tar.gz timeline-b47d61c59c399f45d7fa59f600c58e9089cb1dab.tar.bz2 timeline-b47d61c59c399f45d7fa59f600c58e9089cb1dab.zip | |
Design login success UI.
Diffstat (limited to 'Timeline/ClientApp/src')
| -rw-r--r-- | Timeline/ClientApp/src/app/user/user-login-success/user-login-success.component.css | 15 | ||||
| -rw-r--r-- | Timeline/ClientApp/src/app/user/user-login-success/user-login-success.component.html | 2 |
2 files changed, 16 insertions, 1 deletions
diff --git a/Timeline/ClientApp/src/app/user/user-login-success/user-login-success.component.css b/Timeline/ClientApp/src/app/user/user-login-success/user-login-success.component.css index 6486142b..b1101e2a 100644 --- a/Timeline/ClientApp/src/app/user/user-login-success/user-login-success.component.css +++ b/Timeline/ClientApp/src/app/user/user-login-success/user-login-success.component.css @@ -5,3 +5,18 @@ .username { color: blue; } + +:host { + display: flex; + flex-wrap: wrap; +} + +:host p { + margin-top: 0.3em; + margin-bottom: 0.3em; + width: 100%; +} + +.logout-button { + margin-left: auto; +} diff --git a/Timeline/ClientApp/src/app/user/user-login-success/user-login-success.component.html b/Timeline/ClientApp/src/app/user/user-login-success/user-login-success.component.html index 8599a91d..685f6299 100644 --- a/Timeline/ClientApp/src/app/user/user-login-success/user-login-success.component.html +++ b/Timeline/ClientApp/src/app/user/user-login-success/user-login-success.component.html @@ -3,4 +3,4 @@ </p> <p class="mat-body">You have been login as <span class="username">{{ userInfo.username }}</span>.</p> <p class="mat-body">Your roles are <span class="roles">{{ userInfo.roles.join(', ') }}</span>.</p> -<a mat-flat-button [routerLink]="['..','logout']">Logout</a> +<a mat-flat-button class="logout-button" [routerLink]="['..','logout']">Logout</a> |