mitchell/classic-wow-forums
1
0
Fork 0
mirror of https://github.com/mgerb/classic-wow-forums synced 2026-01-11 17:42:48 +00:00
Code Issues Releases Wiki Activity

added client things - finished home page

Browse Source
This commit is contained in:
Mitchell Gerber
2018-01-07 00:22:53 -06:00
parent 74df75dd77
commit a9e5b185ee
98 changed files with 7303 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
client/app/components/content-container/content-container.scss Normal file
View File

@@ -0,0 +1,75 @@
.content-container {
position: relative;
max-width: 766px;
padding: 20px 40px 100px;
margin: 0 auto 50px auto;
}
.border-container {
position: absolute;
background-color: rgba(0, 0, 0, 0.5);
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.border {
height: 100%;
width: 135px;
position: absolute;
&__top {
background-image: url('../../assets/border-top.gif');
background-repeat: repeat-x;
width: 100%;
}
&__top-left {
background-image: url('../../assets/border-top-left.gif');
background-repeat: no-repeat;
}
&__top-right {
background-image: url('../../assets/border-top-right.gif');
background-repeat: no-repeat;
right: 0;
}
&__left {
background-image: url('../../assets/border-left.gif');
background-repeat: repeat-y;
}
&__right {
background-image: url('../../assets/border-right.gif');
background-repeat: repeat-y;
right: 0;
}
&__bottom {
background-image: url('../../assets/border-bot.gif');
background-repeat: repeat-x;
bottom: 0;
height: 62px;
width: 100%;
}
&__bottom-left {
background-image: url('../../assets/border-bot-left.gif');
background-repeat: no-repeat;
bottom: 0;
height: 192px;
width: 100%;
}
&__bottom-right {
background-image: url('../../assets/border-bot-right.gif');
background-repeat: no-repeat;
bottom: 0;
right: 0;
height: 192px;
}
}

31
client/app/components/content-container/content-container.tsx Normal file
View File

@@ -0,0 +1,31 @@
import React from 'react';
import './content-container.scss';
interface Props {}
interface State {}
export class ContentContainer extends React.Component<Props, State> {
constructor(props: Props) {
super(props);
}
render() {
return (
<div className="content-container">
<div className="border-container">
<div className="border border__left"/>
<div className="border border__right"/>
<div className="border border__bottom"/>
<div className="border border__top"/>
<div className="border border__top-left"/>
<div className="border border__top-right"/>
<div className="border border__bottom-left"/>
<div className="border border__bottom-right"/>
</div>
{this.props.children}
</div>
);
}
}