@inf-monkeys-tech/monkeys-design 0.4.39 → 0.4.40
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.
- package/dist/components/login/index.d.mts +1 -0
- package/dist/components/login/index.d.ts +1 -0
- package/dist/components/login/index.js +139 -2
- package/dist/components/login/index.js.map +1 -1
- package/dist/components/login/index.mjs +139 -2
- package/dist/components/login/index.mjs.map +1 -1
- package/dist/icons/oauth/index.d.mts +2 -1
- package/dist/icons/oauth/index.d.ts +2 -1
- package/dist/icons/oauth/index.js +79 -47
- package/dist/icons/oauth/index.js.map +1 -1
- package/dist/icons/oauth/index.mjs +79 -48
- package/dist/icons/oauth/index.mjs.map +1 -1
- package/dist/index.js +139 -2
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +139 -2
- package/dist/index.mjs.map +1 -1
- package/dist/styles/login-page.scss +40 -15
- package/package.json +1 -1
|
@@ -198,30 +198,48 @@
|
|
|
198
198
|
}
|
|
199
199
|
|
|
200
200
|
.login-page__tabs {
|
|
201
|
-
display:
|
|
202
|
-
grid-auto-columns: 1fr;
|
|
203
|
-
grid-auto-flow: column;
|
|
201
|
+
display: flex;
|
|
204
202
|
gap: 0;
|
|
205
203
|
margin-bottom: 28px;
|
|
206
|
-
overflow:
|
|
204
|
+
overflow-x: auto;
|
|
205
|
+
overflow-y: hidden;
|
|
207
206
|
border: 1px solid var(--login-page-control-border);
|
|
208
207
|
border-radius: var(--login-page-radius);
|
|
209
208
|
background: color-mix(in srgb, var(--login-page-control-bg) 76%, transparent);
|
|
209
|
+
scrollbar-width: none;
|
|
210
|
+
}
|
|
211
|
+
|
|
212
|
+
.login-page__tabs::-webkit-scrollbar {
|
|
213
|
+
display: none;
|
|
210
214
|
}
|
|
211
215
|
|
|
212
216
|
.login-page__tab {
|
|
213
217
|
display: inline-flex;
|
|
214
|
-
|
|
218
|
+
flex: 1 0 auto;
|
|
219
|
+
min-width: max-content;
|
|
215
220
|
align-items: center;
|
|
216
221
|
justify-content: center;
|
|
217
|
-
gap:
|
|
222
|
+
gap: 6px;
|
|
218
223
|
min-height: 44px;
|
|
219
|
-
padding: 0
|
|
224
|
+
padding: 0 10px;
|
|
220
225
|
color: var(--login-page-muted-color);
|
|
221
226
|
background: transparent;
|
|
222
227
|
border: 0;
|
|
223
228
|
cursor: pointer;
|
|
224
229
|
font: inherit;
|
|
230
|
+
font-size: 14px;
|
|
231
|
+
line-height: 1.2;
|
|
232
|
+
white-space: nowrap;
|
|
233
|
+
}
|
|
234
|
+
|
|
235
|
+
.login-page .login-page__tab > *,
|
|
236
|
+
.login-page .login-page__tab svg {
|
|
237
|
+
color: inherit;
|
|
238
|
+
}
|
|
239
|
+
|
|
240
|
+
.login-page__tab-label {
|
|
241
|
+
display: inline-block;
|
|
242
|
+
white-space: nowrap;
|
|
225
243
|
}
|
|
226
244
|
|
|
227
245
|
.login-page__tab--active {
|
|
@@ -379,8 +397,8 @@
|
|
|
379
397
|
display: flex;
|
|
380
398
|
flex-direction: column;
|
|
381
399
|
align-items: center;
|
|
382
|
-
gap:
|
|
383
|
-
margin-top:
|
|
400
|
+
gap: 8px;
|
|
401
|
+
margin-top: 20px;
|
|
384
402
|
}
|
|
385
403
|
|
|
386
404
|
.login-page__oauth-label {
|
|
@@ -393,14 +411,25 @@
|
|
|
393
411
|
width: 100%;
|
|
394
412
|
flex-wrap: wrap;
|
|
395
413
|
justify-content: center;
|
|
396
|
-
gap:
|
|
414
|
+
gap: 6px;
|
|
397
415
|
}
|
|
398
416
|
|
|
399
417
|
.login-page__oauth-button {
|
|
400
|
-
min-width: min(
|
|
418
|
+
min-width: min(96px, 100%);
|
|
419
|
+
min-height: 38px;
|
|
420
|
+
gap: 6px;
|
|
421
|
+
padding: 0 10px;
|
|
401
422
|
color: var(--login-page-text-color);
|
|
402
423
|
background: color-mix(in srgb, var(--login-page-control-bg) 78%, transparent);
|
|
403
424
|
border: 1px solid var(--login-page-control-border);
|
|
425
|
+
font-size: 13px;
|
|
426
|
+
line-height: 1.2;
|
|
427
|
+
white-space: nowrap;
|
|
428
|
+
}
|
|
429
|
+
|
|
430
|
+
.login-page__oauth-button .login-page__oauth-icon {
|
|
431
|
+
width: 16px;
|
|
432
|
+
height: 16px;
|
|
404
433
|
}
|
|
405
434
|
|
|
406
435
|
@media (max-width: 768px) {
|
|
@@ -428,8 +457,4 @@
|
|
|
428
457
|
top: 20px;
|
|
429
458
|
right: 20px;
|
|
430
459
|
}
|
|
431
|
-
|
|
432
|
-
.login-page__tabs {
|
|
433
|
-
grid-auto-flow: row;
|
|
434
|
-
}
|
|
435
460
|
}
|