Limit maximum width of arts

This commit is contained in:
Lucas Verney 2016-07-26 21:06:28 +02:00
parent b54734b5dc
commit 942d123791
7 changed files with 9 additions and 7 deletions

2
TODO
View File

@ -7,7 +7,7 @@
# CSS # CSS
* Sidebar responsiveness * Sidebar responsiveness
* Songs on iPhone 5 * Songs on iPhone 5
* /artist/:id and /album/:id arts in responsive view * /artist/:id and /album/:id responsiveness
* Move CSS in modules * Move CSS in modules
=> https://github.com/gajus/react-css-modules => https://github.com/gajus/react-css-modules

View File

@ -51,7 +51,7 @@ export class AlbumRow extends Component {
</div> </div>
<div className="row"> <div className="row">
<div className="col-md-2"> <div className="col-md-2">
<p className="text-center"><img src={this.props.album.art} width="200" height="200" className="img-responsive art" alt={this.props.album.name} /></p> <p className="text-center"><img src={this.props.album.art} width="200" height="200" className="img-responsive img-circle art" alt={this.props.album.name} /></p>
</div> </div>
<div className="col-md-10"> <div className="col-md-10">
<AlbumTracksTable tracks={this.props.album.tracks} /> <AlbumTracksTable tracks={this.props.album.tracks} />

View File

@ -19,7 +19,7 @@ export default class Artist extends Component {
<p>{this.props.artist.summary}</p> <p>{this.props.artist.summary}</p>
</div> </div>
<div className="col-md-3"> <div className="col-md-3">
<p><img src={this.props.artist.art} width="200" height="200" className="img-responsive art" alt={this.props.artist.name}/></p> <p><img src={this.props.artist.art} width="200" height="200" className="img-responsive img-circle art" alt={this.props.artist.name}/></p>
</div> </div>
</div> </div>
{ albumsRows } { albumsRows }

2
app/dist/fix.ie9.js vendored
View File

@ -65,7 +65,7 @@
/******/ } /******/ }
/******/ /******/
/******/ var hotApplyOnUpdate = true; /******/ var hotApplyOnUpdate = true;
/******/ var hotCurrentHash = "cf1ba667e264da876286"; // eslint-disable-line no-unused-vars /******/ var hotCurrentHash = "3714fc41503d94a2c8bc"; // eslint-disable-line no-unused-vars
/******/ var hotCurrentModuleData = {}; /******/ var hotCurrentModuleData = {};
/******/ var hotCurrentParents = []; // eslint-disable-line no-unused-vars /******/ var hotCurrentParents = []; // eslint-disable-line no-unused-vars
/******/ /******/

6
app/dist/index.js vendored

File diff suppressed because one or more lines are too long

1
app/dist/style.css vendored
View File

@ -6951,6 +6951,7 @@ div.filter {
margin-bottom: 0.5em; margin-bottom: 0.5em;
width: 75%; width: 75%;
height: auto; height: auto;
max-width: 200px;
} }
.albumRow { .albumRow {

View File

@ -193,6 +193,7 @@ div.filter {
margin-bottom: 0.5em; margin-bottom: 0.5em;
width: 75%; width: 75%;
height: auto; height: auto;
max-width: 200px;
} }
.albumRow { .albumRow {