mirror of
https://github.com/fleetdm/fleet
synced 2026-05-24 09:28:54 +00:00
e565e03130
* API client to create and get an app license * Fixes unhandled promise rejection errors in redux config * License Page and Form * Adds getLicense action * Adds License key area to App Settings Form * Use license.token instead of license.license * Implement API client * Adds key icon to License Form * Adds License Success component * Render License Success on License Page when there is a license * Adds persistent flash actions and reducer to redux * Adds nag message middleware * Moves FlashMessage component to flash_message directory * Adds Persistent Flash component * Renders Persistent Flash component from Core Layout * Adds Kyle's styles * Change license validation message * Finishing touches for app config form license area * Handle revoked licenses * License Page hits setup endpoint * Display server errors on license form * Changes 0 allowed hosts to unlimited * Trims JWT token before sending to the server * GET setup page after submitting license
99 lines
1.8 KiB
SCSS
99 lines
1.8 KiB
SCSS
.license-form {
|
|
@include display(flex);
|
|
@include align-content(center);
|
|
@include justify-content(center);
|
|
@include flex-grow(1);
|
|
|
|
textarea {
|
|
resize: none;
|
|
}
|
|
|
|
&__key-img {
|
|
height: 43px;
|
|
margin-right: 15px;
|
|
}
|
|
|
|
h2 {
|
|
@include display(flex);
|
|
color: $link;
|
|
font-size: 24px;
|
|
font-weight: $bold;
|
|
line-height: 43px;
|
|
margin-top: 0;
|
|
}
|
|
|
|
&__container {
|
|
@include align-self(center);
|
|
@include size(500px auto);
|
|
border-radius: 4px;
|
|
background-color: $white;
|
|
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.3);
|
|
box-sizing: border-box;
|
|
padding: 25px 35px;
|
|
margin-top: -55px;
|
|
|
|
a {
|
|
text-decoration: none;
|
|
|
|
&:hover {
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
}
|
|
|
|
&__free-trial-btn {
|
|
@include display(flex);
|
|
@include align-items(center);
|
|
|
|
background-color: $white;
|
|
border: 1px solid $accent-light;
|
|
border-radius: 2px;
|
|
box-shadow: 0 3px 12px 0 rgba(49, 49, 93, 0.1), 0 3px 3px 0 rgba(0, 0, 0, 0.07);
|
|
height: 90px;
|
|
padding-left: 24px;
|
|
text-align: left;
|
|
text-transform: none;
|
|
|
|
&:hover {
|
|
background-color: $bg-light;
|
|
box-shadow: 0 3px 12px 0 rgba(49, 49, 93, 0.1), 0 3px 3px 0 rgba(0, 0, 0, 0.07);
|
|
}
|
|
|
|
span {
|
|
color: $link;
|
|
font-size: 18px;
|
|
margin-left: 26px;
|
|
}
|
|
}
|
|
|
|
&__free-trial-text {
|
|
font-size: 15px;
|
|
margin-top: 0;
|
|
}
|
|
|
|
&__help-text {
|
|
font-size: 15px;
|
|
line-height: 24px;
|
|
margin-top: 0;
|
|
|
|
span {
|
|
color: $link;
|
|
}
|
|
}
|
|
|
|
&__input {
|
|
background-color: $bg-light;
|
|
border-radius: 4px;
|
|
box-shadow: inset 0 0 5px 0 rgba(32, 36, 50, 0.24);
|
|
font-family: SourceCodePro, $monospace;
|
|
line-height: 28px;
|
|
width: 100%;
|
|
}
|
|
|
|
&__upload-btn {
|
|
@include button-variant(#48c586);
|
|
|
|
font-size: 18px;
|
|
height: 60px;
|
|
}
|
|
}
|