h3n3/cadhub
1
0
Fork 0
Code Issues 35 Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'main' into adding-logo

Browse Source
This commit is contained in:
pratskalive08
2020-10-31 00:37:25 +05:30
committed by GitHub
parent 3b4246f853 89d16d17d0
commit e37195ff20
19 changed files with 389 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
web/src/layouts/MainLayout/MainLayout.js
View File

@@ -12,36 +12,44 @@ const MainLayout = ({ children }) => {
return (
<>
<header>
<nav className="flex justify-between h-20 bg-gray-900">
<nav className="flex justify-between h-20 px-12 bg-gradient-to-r from-gray-900 to-indigo-900">
<ul className="flex items-center">
<li>
<Link to={routes.home()}>
<Tooltip title="We need a logo!" >
<img src={logo} style={{marginLeft : '50px'}}/>
<img src={logo} style={{marginLeft : '50px'}}/>
</Tooltip>
</Link>
</li>
<li>
<Tooltip title="Very alpha, there's lots of work todo" >
<div className="ml-8 flex">
<h2 className="text-indigo-200 text-2xl">CadHub</h2>
<div className="text-pink-500 pb-4 text-sm" >pre-alpha</div>
<div className="ml-12 flex">
{/* Because of how specific these styles are to this heading/logo and it doesn't need to be replicated else where as well as it's very precise with the placement of "pre-alpha" I think it's appropriate. */}
<h2 className="text-indigo-300 text-5xl font-ropa-sans py-1 tracking-wider" style={{letterSpacing: '0.3em'}}>CadHub</h2>
<div className="text-pink-400 text-sm font-bold font-ropa-sans" style={{paddingBottom: '2rem', marginLeft: '-1.8rem'}}>pre-alpha</div>
</div>
</Tooltip>
</li>
</ul>
<ul className="flex items-center">
<li className="mr-8 rounded-full border-2 border-indigo-300">
<li className="mr-8 h-10 w-10 rounded-full border-2 border-indigo-300 flex items-center justify-center">
<Link to={routes.newPart()}>
<Svg name="plus" className="text-indigo-300" />
</Link>
</li>
<li className="mr-12 p-px border-2 rounded-full border-indigo-300 text-indigo-200">
<a href="#" onClick={isAuthenticated ? logOut : logIn}>
{isAuthenticated ? 'Log Out' : 'Log In'}
<img src={avatar} className="rounded-full h-10 w-10" />
</a>
</li>
{
isAuthenticated ?
<li className="h-10 w-10 border-2 rounded-full border-indigo-300 text-indigo-200">
<a href="#" onClick={logOut}>
<img src={avatar} className="rounded-full object-cover" />
</a>
</li>:
<li>
<a href="#" className='text-indigo-200 font-semibold underline' onClick={logIn}>Sign in/up</a>
</li>
}
</ul>
</nav>
</header>