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 login page

Browse source
This commit is contained in:
swve 2022-09-21 23:09:47 +02:00
parent fcd281d1d6
commit 920339b5fd
11 changed files with 107 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

37
front/components/auth/HeaderProfileBox.tsx Normal file
View file

@ -0,0 +1,37 @@
import React from "react";
import styled from "styled-components";
import Link from "next/link";
export const HeaderProfileBox = () => {
return (
<ProfileArea>
{" "}
<span>HeaderProfileBox</span>{" "}
<Link href="/login">
<a>Login</a>
</Link>{" "}
<Link href="/signup">
<a>Sign up</a>
</Link>
</ProfileArea>
);
};
const ProfileArea = styled.div`
display: flex;
place-items: stretch;
place-items: center;
span {
position: relative;
display: block;
top: 32px;
right: -20px;
padding-right: 20px;
font-size: 12px;
margin: 3px;
background-color: gray;
color: white;
width: auto;
}
`;