YourWishes/domsPlace
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added page specific styles, adjusted typography slightly

Browse Source
This commit is contained in:
Dominic Masters
2018-05-11 20:47:30 +10:00
parent 403ec39df3
commit abfc903c3f
5 changed files with 35 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
public/page/Page.jsx
View File

@ -30,8 +30,12 @@ export default class Page extends React.Component {
}
render() {
let clazzes = "c-page";
if(this.props.className) clazzes += " " + this.props.className;
return (
<div className="c-page">
<div className={clazzes}>
{ this.props.children }
</div>
);

6
public/page/home/Homepage.jsx
View File

@ -30,10 +30,10 @@ import { Title, Subtitle } from './../../typography/Typography';
export default function() {
return (
<Page style="home-page">
<VideoSection full>
<Page style="home-page" className="p-home-page">
<VideoSection full mp4={require('./../../videos/about/programming/programming.mp4')} >
<PageBoundary>
<FloatingContentBox position="middle right" size="medium" className="u-text-center">
<FloatingContentBox position="middle right" size="medium" className="u-text-center p-home-page__video-content">
<Title>My Cool Page</Title>
<Subtitle>Lorem ipsum dolor</Subtitle>
<Button>Hello</Button>