浏览代码

:art: fixing list article card margin | more card image fixes

tags/0.9.0
J 4 年前
父节点
当前提交
00d940108f
共有 2 个文件被更改,包括 5 次插入4 次删除
  1. 2
    0
      vue-theme/src/components/card.vue
  2. 3
    4
      vue-theme/src/pages/list.vue

+ 2
- 0
vue-theme/src/components/card.vue 查看文件

@@ -53,6 +53,7 @@ export default {
53 53
             object-position: 0% 30%
54 54
             max-height: calc($max-card-img-height / 3)
55 55
             overflow-y: clip
56
+            width: 100%
56 57
     header a
57 58
         font-size: $ms--2
58 59
         text-decoration: none
@@ -97,6 +98,7 @@ export default {
97 98
         &--info 
98 99
             .featured-or-hero-image img
99 100
                 max-height: $max-card-img-height
101
+                
100 102
         .wide
101 103
             padding: 0
102 104
             flex-direction: row

+ 3
- 4
vue-theme/src/pages/list.vue 查看文件

@@ -254,14 +254,13 @@ export default {
254 254
         align-items: start
255 255
         /* This is important for how the grid lines up to the page */
256 256
         justify-content: right 
257
-        .post
258
-            img
259
-                max-width: 100%
257
+        .post img
258
+            width: 100%
260 259
 
261 260
 @media (min-width: $medium)
262 261
     .page--list
263 262
         &.f-col
264 263
             flex-direction: row
265
-        article
264
+        > article
266 265
             margin: 0 $ms--2 0 0
267 266
 </style>

正在加载...
取消
保存