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

client - forum page now responsive - other adjustments as well

Browse Source
This commit is contained in:
Mitchell
2018-01-27 18:25:12 -06:00
parent 7ec7416dad
commit a240b326ca
11 changed files with 130 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
client/app/components/login-button/login-button.tsx
View File

@@ -35,7 +35,7 @@ export class LoginButton extends React.Component<Props, State> {
<div><b>{this.props.userStore!.user!.character_name}</b></div>
</div>
</div>
<div className="show-tiny" style={{ padding: '10px' }}><a onClick={this.login.bind(this)}>Account</a></div>
<div className="hide-large" style={{ padding: '10px' }}><a onClick={() => this.props.onNavigate('/user-account')}>Account</a></div>
</div>
);
}

5
client/app/components/portrait/portrait.scss
View File

@@ -6,4 +6,9 @@
top: 8px;
left: 8px;
}
&__tiny {
width: 40px;
height: auto;
}
}

20
client/app/components/portrait/portrait.tsx
View File

@@ -16,14 +16,20 @@ export class Portrait extends React.Component<Props, State> {
render() {
return (
<div className="portrait" style={this.props.style}>
<img src={require('../../assets/portrait-top.gif')}/>
<div>
<img src={require('../../assets/level-circle.gif')} className="portrait__level-circle"/>
<img src={require('../../assets/portrait-left.gif')}/>
<img src={this.props.imageSrc}/>
<img src={require('../../assets/portrait-right.gif')}/>
<div className="hide-tiny">
<img src={require('../../assets/portrait-top.gif')}/>
<div>
<img src={require('../../assets/level-circle.gif')} className="portrait__level-circle"/>
<img src={require('../../assets/portrait-left.gif')}/>
<img src={this.props.imageSrc}/>
<img src={require('../../assets/portrait-right.gif')}/>
</div>
<img src={require('../../assets/portrait-bot.gif')}/>
</div>
<img src={require('../../assets/portrait-bot.gif')}/>
<img className="hide-large portrait__tiny" src={this.props.imageSrc}/>
</div>
);
}