mirror of
https://github.com/taobataoma/meanTorrent.git
synced 2026-07-01 00:29:03 +02:00
add padding to img-circle->img-thumbnail
This commit is contained in:
@@ -47,3 +47,9 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.cast-list {
|
||||
.img-thumbnail {
|
||||
padding: 1px !important;
|
||||
}
|
||||
}
|
||||
@@ -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>-->
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user