Style CompleteSSOLoginView

Signed-off-by: RMidhunSuresh <rmidhunsuresh@gmail.com>
This commit is contained in:
RMidhunSuresh 2021-08-15 18:08:01 +05:30
parent 93720f6025
commit 6c6c4c7dfd
3 changed files with 12 additions and 3 deletions

View File

@ -36,7 +36,7 @@ limitations under the License.
align-items: center;
}
.SessionPickerView .session-info > :not(:first-child) {
.SessionPickerView .session-info> :not(:first-child) {
margin-left: 8px;
}
@ -58,7 +58,7 @@ limitations under the License.
display: flex;
}
.SessionLoadStatusView > :not(:first-child) {
.SessionLoadStatusView> :not(:first-child) {
margin-left: 12px;
}
@ -86,3 +86,8 @@ limitations under the License.
display: flex;
margin: 8px;
}
.CompleteSSOView_title {
display: flex;
justify-content: center;
}

View File

@ -233,6 +233,10 @@ a.button-action {
font-size: 1.5rem;
}
.CompleteSSOView_title {
font-weight: 500;
}
@media screen and (min-width: 600px) {
.PreSessionScreen {
box-shadow: 0px 6px 32px rgba(0, 0, 0, 0.1);

View File

@ -21,7 +21,7 @@ export class CompleteSSOView extends TemplateView {
render(t) {
return t.div({ className: "CompleteSSOView" },
[
"Finishing up SSO Login ...",
t.p({ className: "CompleteSSOView_title" }, "Finishing up your SSO Login"),
t.mapView(vm => vm.loadViewModel, loadViewModel => loadViewModel ? new SessionLoadStatusView(loadViewModel) : null)
]
);