@tapni/auth 1.0.22 → 1.0.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,65 +1,66 @@
1
- .container {
2
- padding: 10px 0!important;
1
+ #ssoapp .container {
2
+ padding: 10px 0 !important;
3
3
  display: flex;
4
4
  flex-direction: column;
5
5
  gap: 10px;
6
6
  padding-bottom: 100px !important;
7
7
  }
8
- .settingsCard {
8
+
9
+ #ssoapp .settingsCard {
9
10
  background-color: white;
10
11
  padding: 20px;
11
12
  border-radius: 26px;
12
13
  align-items: center;
13
14
  }
14
15
 
15
- .device {
16
+ #ssoapp .device {
16
17
  display: flex;
17
18
  align-items: center;
18
19
  }
19
20
 
20
- h4 {
21
+ #ssoapp h4 {
21
22
  margin-left: 20px;
22
23
  font-weight: bold;
23
24
  }
24
25
 
25
- .middle {
26
+ #ssoapp .middle {
26
27
  flex: 1;
27
28
  }
28
29
 
29
- .left img {
30
+ #ssoapp .left img {
30
31
  background-color: #f7f8f9;
31
32
  border-radius: 20px;
32
33
  padding: 10px;
33
34
  }
34
35
 
35
- .divider {
36
+ #ssoapp .divider {
36
37
  height: 1px;
37
38
  background-color: #f0f0f0;
38
39
  margin: 20px 0;
39
40
  }
40
41
 
41
- .moreFooter {
42
+ #ssoapp .moreFooter {
42
43
  display: flex;
43
44
  align-items: center;
44
45
  justify-content: space-between;
45
46
  padding: 0 10px;
46
47
  }
47
48
 
48
- .settingRow{
49
+ #ssoapp .settingRow {
49
50
  background-color: #F4F4F4;
50
51
  padding: 10px 9px;
51
52
  border-radius: 15px;
52
53
  cursor: pointer;
53
54
  }
54
55
 
55
- .settingRow .firstRow,
56
- .settingRow .secondRow {
56
+ #ssoapp .settingRow .firstRow,
57
+ #ssoapp .settingRow .secondRow {
57
58
  display: flex;
58
59
  align-items: center;
59
60
  min-height: 35px;
60
61
  }
61
62
 
62
- .settingRow .firstRow h4 {
63
+ #ssoapp .settingRow .firstRow h4 {
63
64
  text-align: left;
64
65
  flex: 1;
65
66
  margin-left: 20px;
@@ -67,17 +68,17 @@ h4 {
67
68
  margin-bottom: 0;
68
69
  }
69
70
 
70
- .settingRow .secondRow {
71
+ #ssoapp .settingRow .secondRow {
71
72
  font-size: 8px;
72
73
  margin-top: 20px;
73
74
  }
74
75
 
75
- .settingRow .secondRow p {
76
+ #ssoapp .settingRow .secondRow p {
76
77
  flex: 1;
77
78
  color: #999999;
78
79
  }
79
80
 
80
- .withBackground {
81
+ #ssoapp .withBackground {
81
82
  background-color: #ffffff;
82
83
  border-radius: 10px;
83
84
  padding: 10px;
@@ -85,7 +86,7 @@ h4 {
85
86
  }
86
87
 
87
88
 
88
- .ios-switch {
89
+ #ssoapp .ios-switch {
89
90
  position: relative;
90
91
  width: 60px;
91
92
  padding-top: 4px;
@@ -95,10 +96,12 @@ h4 {
95
96
  -moz-user-select: none;
96
97
  -ms-user-select: none;
97
98
  }
98
- .ios-switch-checkbox {
99
+
100
+ #ssoapp .ios-switch-checkbox {
99
101
  display: none;
100
102
  }
101
- .ios-switch-label {
103
+
104
+ #ssoapp .ios-switch-label {
102
105
  background-color: #e3e3e3;
103
106
  display: block;
104
107
  overflow: initial;
@@ -110,7 +113,8 @@ h4 {
110
113
  border-radius: 25px;
111
114
  transition: all 250ms ease;
112
115
  }
113
- .ios-switch-label:before {
116
+
117
+ #ssoapp .ios-switch-label:before {
114
118
  content: "";
115
119
  display: block;
116
120
  width: 30px;
@@ -127,28 +131,30 @@ h4 {
127
131
  transition: all 250ms ease;
128
132
  }
129
133
 
130
- .ios-switch-checkbox:checked + .ios-switch-label {
134
+ #ssoapp .ios-switch-checkbox:checked+.ios-switch-label {
131
135
  background-color: #151515;
132
136
  }
133
- .ios-switch-checkbox:checked + .ios-switch-label,
134
- .ios-switch-checkbox:checked + .ios-switch-label:before {
137
+
138
+ #ssoapp .ios-switch-checkbox:checked+.ios-switch-label,
139
+ #ssoapp .ios-switch-checkbox:checked+.ios-switch-label:before {
135
140
  border-color: #151515;
136
141
  }
137
- .ios-switch-checkbox:checked + .ios-switch-label:before {
142
+
143
+ #ssoapp .ios-switch-checkbox:checked+.ios-switch-label:before {
138
144
  right: -1px;
139
145
  }
140
146
 
141
147
 
142
- .subheaderContainer {
148
+ #ssoapp .subheaderContainer {
143
149
  display: flex;
144
150
  align-items: center;
145
151
  position: relative;
146
152
  padding: 15px 25px;
147
153
  }
148
154
 
149
- .subheaderContainer .left-button {
150
- width: 40px!important;
151
- height: 40px!important;
155
+ #ssoapp .subheaderContainer .left-button {
156
+ width: 40px !important;
157
+ height: 40px !important;
152
158
  margin: 0;
153
159
  border-radius: 50%;
154
160
  background: #f4f4f4;
@@ -159,9 +165,9 @@ h4 {
159
165
  left: 20px;
160
166
  }
161
167
 
162
- .subheaderContainer .button {
163
- width: 40px!important;
164
- height: 40px!important;
168
+ #ssoapp .subheaderContainer .button {
169
+ width: 40px !important;
170
+ height: 40px !important;
165
171
  margin: 0;
166
172
  border-radius: 50%;
167
173
  background: #f4f4f4;
@@ -171,23 +177,23 @@ h4 {
171
177
  position: absolute;
172
178
  }
173
179
 
174
- .subheaderContainer .button img {
175
- top: 0!important;
176
- margin-right: 3px!important;
180
+ #ssoapp .subheaderContainer .button img {
181
+ top: 0 !important;
182
+ margin-right: 3px !important;
177
183
  }
178
184
 
179
- .subheaderContainer .left-button {
185
+ #ssoapp .subheaderContainer .left-button {
180
186
  left: 20px;
181
187
  }
182
188
 
183
- .subheaderContainer .right-button {
189
+ #ssoapp .subheaderContainer .right-button {
184
190
  right: 20px;
185
191
  }
186
192
 
187
- .transition-icon {
193
+ #ssoapp .transition-icon {
188
194
  transition: 0.5s;
189
195
  }
190
196
 
191
- .rotate-icon {
192
- transform: translate(-50%, -50%) rotate(180deg)!important;
193
- }
197
+ #ssoapp .rotate-icon {
198
+ transform: translate(-50%, -50%) rotate(180deg) !important;
199
+ }