rzmk/learnhouse
1
0
Fork 0
mirror of https://github.com/rzmk/learnhouse.git synced 2025-12-19 04:19:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: init sign up page

Browse source
This commit is contained in:
swve 2022-09-21 23:24:58 +02:00
parent 920339b5fd
commit 67ce2e7371
5 changed files with 84 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

45
front/components/auth/HeaderProfileBox.tsx
View file

@ -7,12 +7,20 @@ export const HeaderProfileBox = () => {
<ProfileArea>
{" "}
<span>HeaderProfileBox</span>{" "}
<Link href="/login">
<a>Login</a>
</Link>{" "}
<Link href="/signup">
<a>Sign up</a>
</Link>
<UnidentifiedArea>
<ul>
<li>
<Link href="/login">
<a>Login</a>
</Link>
</li>
<li>
<Link href="/signup">
<a>Sign up</a>
</Link>
</li>
</ul>
</UnidentifiedArea>
</ProfileArea>
);
};
@ -27,11 +35,32 @@ const ProfileArea = styled.div`
display: block;
top: 32px;
right: -20px;
padding-right: 20px;
padding: 6px;
font-size: 12px;
margin: 3px;
background-color: gray;
background-color: #19191939;
border-radius: 5px;
color: white;
width: auto;
}
`;
const UnidentifiedArea = styled.div`
display: flex;
place-items: stretch;
flex-grow: 1;
ul {
display: flex;
place-items: center;
list-style: none;
padding-left: 20px;
li {
padding-right: 20px;
font-size: 16px;
font-weight: 500;
color: #171717;
}
}
`;

6
front/components/ui/elements/menu.tsx
View file

@ -8,7 +8,11 @@ export const Menu = () => {
<GlobalHeader>
<LogoArea>
<Logo>
<img src="./learnhouse_logo.png" alt="" />
<Link href={"/"}>
<a>
<img src="./learnhouse_logo.png" alt="" />
</a>
</Link>
</Logo>
<div id="accounts"></div>
</LogoArea>