+
Using Gateway Credentials Enables Server-Side Encryption.
@@ -325,8 +336,8 @@ export default class ResultStep extends Vue {
}
&__warning {
- padding: 20px;
- width: calc(100% - 42px);
+ padding: 15px;
+ width: calc(100% - 32px);
background: #fff9f7;
border: 1px solid #f84b00;
border-radius: 8px;
@@ -354,7 +365,7 @@ export default class ResultStep extends Vue {
}
&__grant-area {
- margin: 40px 0;
+ margin: 20px;
width: 100%;
&__label {
@@ -412,8 +423,34 @@ export default class ResultStep extends Vue {
&__container {
width: 100%;
+ &__beta {
+ background-color: #effff9;
+ border: 1px solid #1a9666;
+ border-radius: 6px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: 12px 20px;
+ margin-top: 20px;
+
+ &__message {
+ font-weight: bold;
+ font-size: 14px;
+ line-height: 19px;
+ color: #000;
+ margin: 0;
+ }
+
+ &__link {
+ font-weight: bold;
+ font-size: 14px;
+ line-height: 19px;
+ color: #1a9666;
+ }
+ }
+
&__warning {
- margin-top: 30px;
+ margin-top: 20px;
background: #f5f6fa;
border-radius: 6px;
padding: 40px 50px;
@@ -477,7 +514,7 @@ export default class ResultStep extends Vue {
}
&__done-button {
- margin-top: 30px;
+ margin-top: 20px;
}
}