senaduka/old-v2-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

CSS fix and change of texts

Browse Source
This commit is contained in:
Moris Zen
2018-07-07 10:43:29 +02:00
parent 5219d13b3a
commit 945c93027d
3 changed files with 43 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
src/components/Header.js
View File

@@ -11,44 +11,44 @@ let menuClasses =
class Header extends Component {
render() {
return (
<header className="bg-saburly-indigo">
<nav className="container mx-auto flex items-center justify-between lg:p-6 p-4">
<Link to="/">
<div className="max-w-xs mr-8">
<img src={LogoSaburly} className="w-full" alt="Saburly Logo" />
</div>
</Link>
<div className="side-toggle">
<button className="menu_icon visible lg:invisible">
<span className="menu_bar-top" />
<span className="menu_bar-mid" />
<span className="menu_bar-bot" />
</button>
<header className="bg-saburly-indigo">
<nav className="container mx-auto flex items-center justify-between lg:p-6 p-4">
<Link to="/">
<div className="max-w-xs mr-8">
<img src={LogoSaburly} className="w-full" alt="Saburly Logo" />
</div>
</Link>
<div className="hidden lg:visible w-full block flex-grow lg:flex lg:items-right lg:w-auto justify-end lg:flex-grow">
<ul className="list-reset text-sm">
<Link to="/services">
<li className={menuClasses}>What We Do</li>
</Link>
<Link to="/about">
<li className={menuClasses}>Team</li>
</Link>
<Link to="/blog">
<li className={menuClasses}>Blog</li>
</Link>
<div className="side-toggle">
<button className="menu_icon visible lg:invisible">
<span className="menu_bar-top" />
<span className="menu_bar-mid" />
<span className="menu_bar-bot" />
</button>
</div>
<Button
text="Contact"
standard
classes="rounded-full text-white hover:shadow"
url="/contact"
/>
</ul>
</div>
</nav>
</header>
<div className="hidden lg:visible w-full block flex-grow lg:flex lg:items-right lg:w-auto justify-end lg:flex-grow">
<ul className="list-reset text-sm">
<Link to="/services">
<li className={menuClasses}>What We Do</li>
</Link>
<Link to="/about">
<li className={menuClasses}>Who We Are</li>
</Link>
<Link to="/blog">
<li className={menuClasses}>Blog</li>
</Link>
<Button
text="Contact"
standard
classes="rounded-full text-white hover:shadow"
url="/contact"
/>
</ul>
</div>
</nav>
</header>
)
}
}