Просмотр исходного кода

:art: more image size tweaks

tags/0.9.0
J 4 лет назад
Родитель
Сommit
c4543ac548
2 измененных файлов: 7 добавлений и 2 удалений
  1. 2
    0
      vue-theme/src/components/card.vue
  2. 5
    2
      vue-theme/src/pages/index.vue

+ 2
- 0
vue-theme/src/components/card.vue Просмотреть файл

@@ -92,4 +92,6 @@ export default {
92 92
             display: flex
93 93
             padding: 0
94 94
             grid-gap: $ms-0
95
+            a
96
+                width: 100%
95 97
 </style>

+ 5
- 2
vue-theme/src/pages/index.vue Просмотреть файл

@@ -138,7 +138,7 @@ export default {
138 138
                 min-height: 10em
139 139
                 &:nth-of-type(2), &:nth-of-type(3), &:nth-of-type(4), &:nth-of-type(5)
140 140
                     p.excerpt
141
-                        -webkit-line-clamp: calc($card-line-clamp * 2)
141
+                        -webkit-line-clamp: $card-line-clamp
142 142
                     .featured-or-hero-image img
143 143
                         max-height: calc($max-card-img-height / 2)
144 144
                 /* n1 episode */
@@ -152,13 +152,16 @@ export default {
152 152
                     grid-row-start: 1
153 153
                 &:nth-of-type(3)
154 154
                     grid-column-start: 3
155
+
155 156
                 /* n4 artists, n5 posts */
156 157
                 &:nth-of-type(4), &:nth-of-type(5)
157 158
                     grid-column-start: 2
158 159
                     grid-row-start: 2
159 160
                 &:nth-of-type(5)
160 161
                     grid-column-start: 3
161
-
162
+        &.max
163
+            li .featured-or-hero-image img
164
+                max-height: $max-card-img-height
162 165
         &.stickies
163 166
             ul
164 167
                 &.flipped

Загрузка…
Отмена
Сохранить