muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 12:56:41 +07:00
Code Packages Activity Actions

login mechanism

Browse source
This commit is contained in:
muerwre 2019-04-04 16:36:50 +07:00
parent 6168841f78
commit 9528e7f699
27 changed files with 528 additions and 96 deletions
Download patch file Download diff file Expand all files Collapse all files

21
src/components/input/Info/index.tsx Normal file
View file

@ -0,0 +1,21 @@
import * as React from 'react';
import classNames = require("classnames");
const style = require('./style.scss');
interface IInfoProps {
text?: string,
children?: string,
level?: string,
}
export const Info: React.FunctionComponent<IInfoProps> = ({
text,
children,
level = 'normal',
}) => (
<div className={classNames(style.container, { [level]: true })}>
{
text || children || ''
}
</div>
);

28
src/components/input/Info/style.scss Normal file
View file

@ -0,0 +1,28 @@
.container {
min-height: $info_height;
border-radius: $input_radius;
display: flex;
align-items: center;
justify-content: center;
font-size: $text_small;
line-height: 1.2em;
padding: $gap;
background: transparentize(white, 0.9);
&:global(.danger) {
color: white;
background: transparentize($color_red, 0.5);
}
&:global(.warning) {
color: white;
background: transparentize($color_yellow, 0.5);
}
&:global(.primary) {
color: white;
background: transparentize($color_blue, 0.5);
}
}