Преглед изворни кода

:art: fix for responsive grid layout on list pages

tags/0.9.0
J пре 4 година
родитељ
комит
667e4f8e62
2 измењених фајлова са 4 додато и 2 уклоњено
  1. 1
    1
      vue-theme/src/components/breadcrumb.vue
  2. 3
    1
      vue-theme/src/pages/list.vue

+ 1
- 1
vue-theme/src/components/breadcrumb.vue Прегледај датотеку

5
         h5.t-up {{ type }}
5
         h5.t-up {{ type }}
6
     router-link(v-else :to="`/${type}`")
6
     router-link(v-else :to="`/${type}`")
7
         h5.t-up {{ type }}
7
         h5.t-up {{ type }}
8
-    h5 ➤
8
+    h5   
9
     router-link(:to="`/${type}/${post.slug}`")
9
     router-link(:to="`/${type}/${post.slug}`")
10
         h5 {{ post.title }}
10
         h5 {{ post.title }}
11
 </template>
11
 </template>

+ 3
- 1
vue-theme/src/pages/list.vue Прегледај датотеку

250
     .posts.is-grid
250
     .posts.is-grid
251
         width: 100%
251
         width: 100%
252
         display: grid
252
         display: grid
253
-        grid-template-columns: repeat(3, 1fr)
253
+        grid-template-columns: repeat(1, 1fr)
254
         align-items: start
254
         align-items: start
255
         /* This is important for how the grid lines up to the page */
255
         /* This is important for how the grid lines up to the page */
256
         justify-content: right 
256
         justify-content: right 
263
             flex-direction: row
263
             flex-direction: row
264
         > article
264
         > article
265
             margin: 0 $ms--2 0 0
265
             margin: 0 $ms--2 0 0
266
+            .posts.is-grid
267
+                grid-template-columns: repeat(3, 1fr)
266
 </style>
268
 </style>

Loading…
Откажи
Сачувај