浏览代码

Add supporting classes to square based layout

Stasiek Michalski 7 年之前
父节点
当前提交
66f285c2b1
共有 1 个文件被更改,包括 8 次插入6 次删除
  1. 8 6
      resources/views/profile/show.blade.php

+ 8 - 6
resources/views/profile/show.blade.php

@@ -101,12 +101,14 @@
       @foreach($timeline as $status)
       <div class="col-12 col-md-4 mb-4">
         <a class="card info-overlay" href="{{$status->url()}}">
-          <img class="card-img-top" src="{{$status->thumb()}}" width="300px" height="300px">
-          <div class="info-overlay-text">
-            <h5 class="text-white m-auto">
-              <span class="icon-heart">{{$item->likes()->count()}}</span>
-              <span class="icon-speech">{{$item->comments()->count()}}</span>
-            </h5>
+          <div class="square">
+            <div class="square-content" style="background-image: url('{{$status->thumb()}}')"></div>
+            <div class="info-overlay-text">
+              <h5 class="text-white m-auto">
+                <span class="icon-heart">{{$item->likes()->count()}}</span>
+                <span class="icon-speech">{{$item->comments()->count()}}</span>
+              </h5>
+            </div>
           </div>
         </a>
       </div>