mirror of
https://github.com/elyby/accounts-frontend.git
synced 2024-10-02 16:27:15 +05:30
Светлый стиль для прелоадера картинки на странице кода mfa
Выводим XXXX для непрогруженного кода
This commit is contained in:
parent
9ec146193b
commit
a540191800
@ -15,8 +15,7 @@ export default function KeyForm({secret, qrCodeSrc}: {
|
|||||||
secret: string,
|
secret: string,
|
||||||
qrCodeSrc: string
|
qrCodeSrc: string
|
||||||
}) {
|
}) {
|
||||||
// we are using invisible symbol (\u2063) as a placeholder till we get actual secret
|
const formattedSecret = formatSecret(secret || (new Array(24)).join('X'));
|
||||||
const formattedSecret = formatSecret(secret) || '\u2063';
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className={profileForm.formBody}>
|
<div className={profileForm.formBody}>
|
||||||
|
@ -2,6 +2,7 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import classNames from 'classnames';
|
import classNames from 'classnames';
|
||||||
import { ComponentLoader } from 'components/ui/loader';
|
import { ComponentLoader } from 'components/ui/loader';
|
||||||
|
import { SKIN_LIGHT } from 'components/ui';
|
||||||
|
|
||||||
import styles from './imageLoader.scss';
|
import styles from './imageLoader.scss';
|
||||||
|
|
||||||
@ -49,7 +50,7 @@ export default class ImageLoader extends React.Component<{
|
|||||||
|
|
||||||
{isLoading && (
|
{isLoading && (
|
||||||
<div className={styles.loader}>
|
<div className={styles.loader}>
|
||||||
<ComponentLoader />
|
<ComponentLoader skin={SKIN_LIGHT} />
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
|
@ -12,7 +12,6 @@
|
|||||||
.spin {
|
.spin {
|
||||||
height: 20px;
|
height: 20px;
|
||||||
width: 20px;
|
width: 20px;
|
||||||
// background: $green;
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin: 10px 2px;
|
margin: 10px 2px;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
@ -44,7 +43,7 @@
|
|||||||
*/
|
*/
|
||||||
.lightComponentLoader {
|
.lightComponentLoader {
|
||||||
.spin {
|
.spin {
|
||||||
background: #fff;
|
background: #aaa;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user