open-nomad/ui/app/styles/components/empty-message.scss
Buck Doyle 6d67e90763
Add exchange of one-time token on UI load (#10066)
This adds UI support for receiving the one-time token passed via query parameter, as in #10134
and related PRs, and exchanging it for its corresponding secret ID. When this works, it’s mostly
invisible, with a brief flash of the OTT onscreen.

The authentication failure message now suggests the -authenticate flag.

When OTT exchange fails, it shows a whole-page error.

This includes a known UX shortcoming in that the OTT will not disappear from the URL when an
identifier is specified on the command line, like nomad ui -authenticate jobname. The goal is to
address that shortcoming in a forthcoming pull request.
2021-04-01 13:21:30 -05:00

46 lines
677 B
SCSS

.empty-message {
padding: 1.5rem;
background: $white-ter;
border-radius: $radius;
.empty-message-headline {
font-size: $size-3;
color: $grey;
text-align: center;
}
.empty-message-body {
padding: 0 20%;
text-align: center;
color: $grey;
strong {
color: $grey;
}
&:not(:last-child) {
margin-bottom: 1rem;
}
}
&.is-hollow {
background: transparent;
}
.terminal-container {
display: flex;
justify-content: center;
margin-top: 1.25rem;
}
.terminal {
background: $grey-lighter;
border-radius: $radius;
padding: 0.75rem 1rem;
.prompt {
color: $grey;
}
}
}