socialnetworknews-web

commit 3f898e3dbe6454ad5ae58bbc090795f49b4962f1
parent 7cf75ca262ef8776bf3f67e4cea23585a2bd2982
Author: MTRNord <mtrnord1@gmail.com>
Date:   Wed, 14 Mar 2018 21:34:44 +0100

Add image max height

Diffstat:
M
src/app/tweet-list/tweet-list.component.html
 | 
2
+-
M
src/app/tweet-list/tweet-list.component.scss
 | 
4
+++-

2 files changed, 4 insertions(+), 2 deletions(-)
diff --git a/src/app/tweet-list/tweet-list.component.html b/src/app/tweet-list/tweet-list.component.html
@@ -1,6 +1,6 @@
 <div class="grid">
   <div *ngFor="let item of data">
-    <a href="{{item.tweet_link}}" class="card">
+    <a href="{{item.tweet_link}}">
       <!--Retweet Badge-->
       <div class="card-ribbon card-ribbon-top card-ribbon-left tblue" *ngIf="item.retweet == true" style="max-width: 22rem">
         <i class="fa fa-retweet"></i>
diff --git a/src/app/tweet-list/tweet-list.component.scss b/src/app/tweet-list/tweet-list.component.scss
@@ -10,10 +10,12 @@
   @media (min-width: 60em) {
     grid-template-columns: repeat(4, 1fr);
   }
+  img {
+    max-height: 250px;
+  }
 }
 
 
-
 .grid > article {
   border: 1px solid #ccc;
   box-shadow: 2px 2px 6px 0px  rgba(0,0,0,0.3);