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 | eeba297d0764a7d9862e1bd84dc85f23528159c7 (patch) | |
| tree | b54bf562b76b71e47b6fef44d11ba2f324e76e45 | |
| parent | 110f2ab8d7bf5cf5fefee2fadb89f0e548dc0f4d (diff) | |
| download | timeline-eeba297d0764a7d9862e1bd84dc85f23528159c7.tar.gz timeline-eeba297d0764a7d9862e1bd84dc85f23528159c7.tar.bz2 timeline-eeba297d0764a7d9862e1bd84dc85f23528159c7.zip | |
Design login success UI.
| -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> |