colin/redwood-tutorial
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Move logged-in email

Browse Source
This commit is contained in:
Rob Cameron
2020-12-04 16:01:42 -08:00
parent 63ca16ac1d
commit 335b9d0bb5
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
web/src/layouts/BlogLayout/BlogLayout.js
View File

@@ -6,7 +6,7 @@ const BlogLayout = ({ children }) => {
return ( return (
<> <>
<header className="flex justify-between items-center py-4 px-8 bg-blue-700 text-white"> <header className="relative flex justify-between items-center py-4 px-8 bg-blue-700 text-white">
<h1 className="text-5xl font-semibold tracking-tight"> <h1 className="text-5xl font-semibold tracking-tight">
<Link <Link
className="text-blue-400 hover:text-blue-100 transition duration-100" className="text-blue-400 hover:text-blue-100 transition duration-100"
@@ -42,12 +42,12 @@ const BlogLayout = ({ children }) => {
{isAuthenticated ? 'Log Out' : 'Log In'} {isAuthenticated ? 'Log Out' : 'Log In'}
</a> </a>
</li> </li>
{isAuthenticated && (
<li className="absolute top-0 right-0 -mt-8 px-4 text-xs text-blue-300">
{currentUser.email}
</li>
)}
</ul> </ul>
{isAuthenticated && (
<div className="absolute bottom-1 right-0 mr-12 text-xs text-blue-300">
{currentUser.email}
</div>
)}
</nav> </nav>
</header> </header>
<main className="max-w-4xl mx-auto p-12 bg-white shadow rounded-b"> <main className="max-w-4xl mx-auto p-12 bg-white shadow rounded-b">