mitchell/classic-wow-forums
1
0
Fork 0
mirror of https://github.com/mgerb/classic-wow-forums synced 2026-01-12 01:52:49 +00:00
Code Issues Releases Wiki Activity

client - forum page now responsive - tested on iOS

Browse Source
This commit is contained in:
Mitchell
2018-01-27 16:08:10 -06:00
parent b90860f251
commit 7ec7416dad
11 changed files with 76 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
client/app/components/header/header.scss
View File

@@ -8,7 +8,7 @@ $topbg_height: 100px;
text-align: center;
z-index: 1;
@include breakpoint(smallOrLess) {
@include breakpoint(mediumOrLess) {
img {
height: 80px;
}
@@ -83,21 +83,26 @@ $topbg_height: 100px;
background-image: url('../../assets/linksbar-bg.gif');
background-repeat: repeat-x;
display: flex;
justify-content: space-between;
justify-content: center;
align-items: center;
position: relative;
}
.linksbar-image {
height: 53px;
width: 106px;
position: absolute;
top: 0;
&__left {
background-image: url('../../assets/linksbar-left.gif');
background-repeat: no-repeat;
left: 0;
}
&__right {
background-image: url('../../assets/linksbar-right.gif');
background-repeat: no-repeat;
right: 0;
}
}

2
client/app/components/header/header.tsx
View File

@@ -39,7 +39,7 @@ export class Header extends React.Component<Props, State> {
<div className="linksbar">
<div className="linksbar-image linksbar-image__left"/>
<span className="grey">
<a href="#">News</a> | <a href="#">Game Info</a> | <a href="#">Forums</a> | <a href="#">Links/Files</a> | <a href="#">Support</a>
<Link to="/">Home</Link> | <Link to="/realms">Realms</Link> | <a href="mailto:classicwowforums@gmail.com">Contact</a>
</span>
<div className="linksbar-image linksbar-image__right"/>
</div>