Responsive fixes

This commit is contained in:
Moris Zen
2018-07-05 20:11:58 +02:00
parent 525614a3f6
commit c01cbd3985
4 changed files with 21130 additions and 14 deletions

View File

@@ -15,7 +15,9 @@ class Header extends Component {
<header className="bg-saburly-indigo">
<nav className="container mx-auto flex items-center justify-between lg:p-6 p-4">
<Link to="/">
<img src={LogoSaburly} alt="Saburly Logo" className="max-w-xs" />
<div className="max-w-xs mr-8">
<img src={LogoSaburly} className="w-full" alt="Saburly Logo" />
</div>
</Link>
<div className="side-toggle">

View File

@@ -45,7 +45,7 @@ class SideMenu extends Component {
<div className="side-menu">
<ul className="m-0 p-0 mt-4 side-navigation">
<button
className="text-white text-3xl mb-4 opacity-50 hover:opacity-100 px-2 side-close"
className="text-white text-2xl mb-4 opacity-50 hover:opacity-100 px-2 side-close"
onClick={this.close}
>
X

View File

@@ -18,12 +18,12 @@ import LogoCoor from '../images/logo-coor-color.svg'
const IndexPage = () => (
<main>
<section className="bg-saburly-indigo relative">
<div className="container mx-auto flex lg:flex-row flex-col flex-col-reverse lg:p-4">
<div className="container mx-auto flex lg:flex-row flex-col flex-col-reverse p-4">
<div className="text-center lg:text-left lg:mt-4">
<SectionIntro
light
intro="Welcome To Saburly"
classes="lg:text-left content-center"
classes="lg:text-left lg:max-w-xs content-center"
headline="We build the right software for your needs"
text="We are a team of creative, open minded, skilled and passionate engineers that ship success every day."
/>
@@ -36,7 +36,7 @@ const IndexPage = () => (
</div>
<img
src={ImgIntro}
className="lg:-mt-4 z-10"
className="lg:-mt-4 md:max-w-md xl:max-w-full z-10"
alt="Software Development Agency"
/>
</div>

File diff suppressed because it is too large Load Diff