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"> <header className="bg-saburly-indigo">
<nav className="container mx-auto flex items-center justify-between lg:p-6 p-4"> <nav className="container mx-auto flex items-center justify-between lg:p-6 p-4">
<Link to="/"> <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> </Link>
<div className="side-toggle"> <div className="side-toggle">

View File

@@ -45,7 +45,7 @@ class SideMenu extends Component {
<div className="side-menu"> <div className="side-menu">
<ul className="m-0 p-0 mt-4 side-navigation"> <ul className="m-0 p-0 mt-4 side-navigation">
<button <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} onClick={this.close}
> >
X X

View File

@@ -18,12 +18,12 @@ import LogoCoor from '../images/logo-coor-color.svg'
const IndexPage = () => ( const IndexPage = () => (
<main> <main>
<section className="bg-saburly-indigo relative"> <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"> <div className="text-center lg:text-left lg:mt-4">
<SectionIntro <SectionIntro
light light
intro="Welcome To Saburly" 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" 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." 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> </div>
<img <img
src={ImgIntro} 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" alt="Software Development Agency"
/> />
</div> </div>

File diff suppressed because it is too large Load Diff