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

fixed header

Browse source
This commit is contained in:
muerwre 2019-08-09 15:38:01 +07:00
parent ba614a115d
commit 87d59b4905
3 changed files with 6 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/components/main/Header/index.tsx
View file

@ -21,9 +21,8 @@ const mapDispatchToProps = {
type IProps = ReturnType<typeof mapStateToProps> & typeof mapDispatchToProps & {}; type IProps = ReturnType<typeof mapStateToProps> & typeof mapDispatchToProps & {};
const HeaderUnconnected: FC<IProps> = ({ username, is_user, showDialog }) => { const HeaderUnconnected: FC<IProps> = ({ username, is_user, showDialog }) => {
const onLogin = useCallback(() => { const onLogin = useCallback(() => showDialog(DIALOGS.LOGIN), [showDialog]);
showDialog(DIALOGS.LOGIN); const onOpenEditor = useCallback(() => showDialog(DIALOGS.EDITOR), [showDialog]);
}, [showDialog]);
return ( return (
<div className="default_container head_container"> <div className="default_container head_container">
@ -35,8 +34,7 @@ const HeaderUnconnected: FC<IProps> = ({ username, is_user, showDialog }) => {
<div className={style.plugs}> <div className={style.plugs}>
<Link to="/">flow</Link> <Link to="/">flow</Link>
<Link to="/examples/image">image</Link> <Link to="/examples/image">image</Link>
<Link to="/examples/edit">editor</Link> <div onClick={onOpenEditor}>editor</div>
<Link to="/examples/horizontal">horizontal</Link>
</div> </div>
<Filler /> <Filler />

3
src/components/main/Header/style.scss
View file

@ -16,7 +16,8 @@
font: $font_16_medium; font: $font_16_medium;
text-transform: uppercase; text-transform: uppercase;
> a { > a,
> div {
display: flex; display: flex;
align-items: center; align-items: center;
position: relative; position: relative;

4
src/containers/dialogs/LoginDialog/index.tsx
View file

@ -47,11 +47,9 @@ const LoginDialogUnconnected: FC<IProps> = ({
useCloseOnEscape(onRequestClose); useCloseOnEscape(onRequestClose);
console.log({ error });
return ( return (
<form onSubmit={onSubmit}> <form onSubmit={onSubmit}>
<ScrollDialog buttons={buttons} width={260} error={error}> <ScrollDialog buttons={buttons} width={260} error={error} onClose={onRequestClose}>
<Padder> <Padder>
<div className={styles.wrap}> <div className={styles.wrap}>
<Group> <Group>