keannu125/React-NotesApp
1
0
Fork 0
mirror of https://github.com/lemeow125/React-NotesApp.git synced 2025-07-04 19:34:10 +08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added design and login to header

Browse source
This commit is contained in:
Keannu Christian Bernasol 2023-02-25 22:30:38 +08:00
parent 6a13f07224
commit e0bfd0cdd0
7 changed files with 113 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

31
src/Components/Header/Header.tsx
View file

@ -1,11 +1,40 @@
import * as React from "react";
import styles from "../../styles";
import AppIcon from "../AppIcon/AppIcon";
import Login from "../Login/Login";
export default function Header() {
return (
<div style={styles.header}>
<p style={styles.text_medium}>React - A Notes Demo</p>
<div style={styles.flex_row}>
<div
style={{
...styles.header_contentwrapper,
...{ flex: 2 },
}}
>
<AppIcon size="8vh" color="white" />
</div>
<div
style={{
...styles.header_contentwrapper,
...{ flex: 6 },
}}
>
<p style={styles.text_medium}>Clip Notes</p>
</div>
<div
style={{
...styles.header_contentwrapper,
...{ flex: 2 },
}}
>
<div style={styles.flex_row}>
<Login />
</div>
</div>
</div>
</div>
);
}