git.iko.soy/bridge
on df0c310 help sign in
bridge/src/views/Activate/MasterKeyConfirm.scss
72 lines 1.4 kB history raw
1@import 'style/shared/variables';
3#master-key-confirm {
4 .content {
5 align-items: center;
6 display: flex;
7 flex-direction: column;
8 flex-wrap: nowrap;
9 height: 100%;
10 justify-content: center;
11 }
13 .form-inner {
14 display: grid;
15 grid-template-areas: 'inputs' 'submit';
16 grid-template-columns: 1fr;
17 grid-template-rows: 80% 20%;
18 width: 100%;
19 height: 100%;
20 }
22 .inputs-outer {
23 grid-area: inputs;
24 display: flex;
25 flex-direction: column;
26 flex-wrap: nowrap;
27 height: 100%;
28 align-items: center;
29 justify-content: center;
30 }
32 .inputs-inner {
33 display: flex;
34 flex-direction: row;
35 width: 80%;
36 height: min-content;
37 margin: 120px 0;
38 flex-wrap: nowrap;
39 justify-content: center;
40 }
42 .error-message {
43 color: $activate-error-red;
44 font-family: Inter;
45 font-size: 14px;
46 font-weight: 600;
47 line-height: 24px;
48 }
50 .ticket-input {
51 width: 75px;
52 padding-top: 18px;
53 padding-bottom: 18px;
54 font-size: 16px;
55 height: 24px;
56 font-family: Source Code Pro;
57 border-radius: 5px;
58 border-style: solid;
59 color: black;
60 border-width: 1px;
61 border-color: rgba(0, 0, 0, 0.25);
62 }
64 .has-error {
65 border-color: $activate-error-red;
66 color: $activate-error-red;
67 background-color: transparentize(
68 $color: $activate-error-red,
69 $amount: 0.95
70 );
71 }