add padding to img-circle->img-thumbnail

This commit is contained in:
OldHawk
2017-04-02 13:57:48 +08:00
parent c1c1fedb3f
commit 3d259e70dd
3 changed files with 21 additions and 15 deletions

View File

@@ -47,3 +47,9 @@
}
}
}
.cast-list {
.img-thumbnail {
padding: 1px !important;
}
}

View File

@@ -63,24 +63,24 @@
<dd class="h-line">{{vm.movieinfo.overview}}</dd>
</dl>
<legend class="xsmall-legend strong-legend" translate="TMDB_FIELDS.CAST"></legend>
<div class="row">
<div class="row cast-list">
<div class="col-xs-4 col-md-2 text-center">
<img ng-src="{{vm.tmdbConfig.cast_img_base_url}}{{vm.movieinfo.credits.cast[0].profile_path}}"
class="img-circle img-responsive center-block" onload="this.style.opacity='1';">
class="img-circle img-thumbnail img-responsive center-block" onload="this.style.opacity='1';">
<span class="cast-xs-info"><strong>{{vm.movieinfo.credits.cast[0].name}}</strong></span>
<!--<p class="cast-xs-info">{{vm.movieinfo.credits.cast[0].character}}</p>-->
</div>
<div class="col-xs-4 col-md-2 text-center">
<img ng-src="{{vm.tmdbConfig.cast_img_base_url}}{{vm.movieinfo.credits.cast[1].profile_path}}"
class="img-circle img-responsive center-block" onload="this.style.opacity='1';">
class="img-circle img-thumbnail img-responsive center-block" onload="this.style.opacity='1';">
<span class="cast-xs-info"><strong>{{vm.movieinfo.credits.cast[1].name}}</strong></span>
<!--<p class="cast-xs-info">{{vm.movieinfo.credits.cast[1].character}}</p>-->
</div>
<div class="col-xs-4 col-md-2 text-center">
<img ng-src="{{vm.tmdbConfig.cast_img_base_url}}{{vm.movieinfo.credits.cast[2].profile_path}}"
class="img-circle img-responsive center-block" onload="this.style.opacity='1';">
class="img-circle img-thumbnail img-responsive center-block" onload="this.style.opacity='1';">
<span class="cast-xs-info"><strong>{{vm.movieinfo.credits.cast[2].name}}</strong></span>
<!--<p class="cast-xs-info">{{vm.movieinfo.credits.cast[2].character}}</p>-->
@@ -88,21 +88,21 @@
<div class="clearfix visible-xs-block visible-sm-block"></div>
<div class="col-xs-4 col-md-2 text-center">
<img ng-src="{{vm.tmdbConfig.cast_img_base_url}}{{vm.movieinfo.credits.cast[3].profile_path}}"
class="img-circle img-responsive center-block" onload="this.style.opacity='1';">
class="img-circle img-thumbnail img-responsive center-block" onload="this.style.opacity='1';">
<span class="cast-xs-info"><strong>{{vm.movieinfo.credits.cast[3].name}}</strong></span>
<!--<p class="cast-xs-info">{{vm.movieinfo.credits.cast[3].character}}</p>-->
</div>
<div class="col-xs-4 col-md-2 text-center">
<img ng-src="{{vm.tmdbConfig.cast_img_base_url}}{{vm.movieinfo.credits.cast[4].profile_path}}"
class="img-circle img-responsive center-block" onload="this.style.opacity='1';">
class="img-circle img-thumbnail img-responsive center-block" onload="this.style.opacity='1';">
<span class="cast-xs-info"><strong>{{vm.movieinfo.credits.cast[4].name}}</strong></span>
<!--<p class="cast-xs-info">{{vm.movieinfo.credits.cast[4].character}}</p>-->
</div>
<div class="col-xs-4 col-md-2 text-center">
<img ng-src="{{vm.tmdbConfig.cast_img_base_url}}{{vm.movieinfo.credits.cast[5].profile_path}}"
class="img-circle img-responsive center-block" onload="this.style.opacity='1';">
class="img-circle img-thumbnail img-responsive center-block" onload="this.style.opacity='1';">
<span class="cast-xs-info"><strong>{{vm.movieinfo.credits.cast[5].name}}</strong></span>
<!--<p class="cast-xs-info">{{vm.movieinfo.credits.cast[5].character}}</p>-->

View File

@@ -77,7 +77,7 @@
<div class="col-md-12 col-sm-12 col-xs-12">
<legend class="small-legend" translate="TMDB_MOVIE_INFO"></legend>
<div class="col-md-4 col-sm-4 col-xs-12">
<img ng-src="{{vm.tmdbConfig.poster_img_base_url}}{{vm.movieinfo.poster_path}}" width="100%">
<img ng-src="{{vm.tmdbConfig.poster_img_base_url}}{{vm.movieinfo.poster_path}}" class="img-thumbnail">
</div>
<div class="col-md-8 col-sm-8 col-xs-12">
<dl class="dl-horizontal">
@@ -128,24 +128,24 @@
<dd class="h-line">{{vm.movieinfo.overview}}</dd>
</dl>
<legend class="xsmall-legend strong-legend" translate="TMDB_FIELDS.CAST"></legend>
<div class="row">
<div class="row cast-list">
<div class="col-xs-4 col-md-2 text-center">
<img ng-src="{{vm.tmdbConfig.cast_img_base_url}}{{vm.movieinfo.credits.cast[0].profile_path}}"
class="img-circle img-responsive center-block">
class="img-circle img-thumbnail img-responsive center-block">
<span class="cast-xs-info"><strong>{{vm.movieinfo.credits.cast[0].name}}</strong></span>
<p class="cast-xs-info">{{vm.movieinfo.credits.cast[0].character}}</p>
</div>
<div class="col-xs-4 col-md-2 text-center">
<img ng-src="{{vm.tmdbConfig.cast_img_base_url}}{{vm.movieinfo.credits.cast[1].profile_path}}"
class="img-circle img-responsive center-block">
class="img-circle img-thumbnail img-responsive center-block">
<span class="cast-xs-info"><strong>{{vm.movieinfo.credits.cast[1].name}}</strong></span>
<p class="cast-xs-info">{{vm.movieinfo.credits.cast[1].character}}</p>
</div>
<div class="col-xs-4 col-md-2 text-center">
<img ng-src="{{vm.tmdbConfig.cast_img_base_url}}{{vm.movieinfo.credits.cast[2].profile_path}}"
class="img-circle img-responsive center-block">
class="img-circle img-thumbnail img-responsive center-block">
<span class="cast-xs-info"><strong>{{vm.movieinfo.credits.cast[2].name}}</strong></span>
<p class="cast-xs-info">{{vm.movieinfo.credits.cast[2].character}}</p>
@@ -153,21 +153,21 @@
<div class="clearfix visible-xs-block visible-sm-block"></div>
<div class="col-xs-4 col-md-2 text-center">
<img ng-src="{{vm.tmdbConfig.cast_img_base_url}}{{vm.movieinfo.credits.cast[3].profile_path}}"
class="img-circle img-responsive center-block">
class="img-circle img-thumbnail img-responsive center-block">
<span class="cast-xs-info"><strong>{{vm.movieinfo.credits.cast[3].name}}</strong></span>
<p class="cast-xs-info">{{vm.movieinfo.credits.cast[3].character}}</p>
</div>
<div class="col-xs-4 col-md-2 text-center">
<img ng-src="{{vm.tmdbConfig.cast_img_base_url}}{{vm.movieinfo.credits.cast[4].profile_path}}"
class="img-circle img-responsive center-block">
class="img-circle img-thumbnail img-responsive center-block">
<span class="cast-xs-info"><strong>{{vm.movieinfo.credits.cast[4].name}}</strong></span>
<p class="cast-xs-info">{{vm.movieinfo.credits.cast[4].character}}</p>
</div>
<div class="col-xs-4 col-md-2 text-center">
<img ng-src="{{vm.tmdbConfig.cast_img_base_url}}{{vm.movieinfo.credits.cast[5].profile_path}}"
class="img-circle img-responsive center-block">
class="img-circle img-thumbnail img-responsive center-block">
<span class="cast-xs-info"><strong>{{vm.movieinfo.credits.cast[5].name}}</strong></span>
<p class="cast-xs-info">{{vm.movieinfo.credits.cast[5].character}}</p>