atlanticbiomedical/website
1
0
Fork 0
mirror of https://github.com/atlanticbiomedical/website.git synced 2025-07-01 18:07:27 -04:00
Code Issues Packages Projects Releases Wiki Activity

Have thumbor display the post.img, center it.

Browse Source
This commit is contained in:
Chris Sewell
2014-10-26 04:35:45 -04:00
parent 6b21e625c2
commit a2c5abf7ea
2 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
biomed-frontend/src/app/details.html
View File

@ -1,12 +1,12 @@
<div class="row">
<div class="small-8 small-centered columns">
<div class="title"><h1>{{post.title}}</h1></div>
<img ng-show="post.image" ng-src="/images/{{post.image}}"><hr>
<img class="mainimg" ng-show="post.image" ng-src="http://atlanticbiomedical.com:8001/unsafe/fit-in/500x500/smart/{{post.image}}"><hr>
<div ng-hide="post.details" class="preview"><p>{{post.preview}}</p></div>
<div class="details"><p>{{post.details}}</p></div>
<ul class="clearing-thumbs small-block-grid-4" data-clearing>
<li ng-repeat="image in gallery track by $index">
<a href="http://wootroot.me:8001/unsafe/{{image}}"><img ng-src="http://wootroot.me:8001/unsafe/200x200/smart/{{image}}"></a>
<a href="http://atlanticbiomedical.com:8001/unsafe/{{image}}"><img ng-src="http://atlanticbiomedical.com:8001/unsafe/200x200/smart/{{image}}"></a>
</li>
</ul>
</div>

5
biomed-frontend/src/styles/_biomed.scss
View File

@ -14,6 +14,11 @@
display: table;
margin: 0 auto;
}
.mainimg {
display: block;
margin-left: auto;
margin-right: auto;
}
.top-bar {
height: 50px;
}