fix: hover effect of post list cover images

Renovamen · Feb 22, 2021 · 4e79d99 · 4e79d99 · vercel · Feb 22, 2021
1 parent b5bbf17
commit 4e79d99
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/packages/theme-gungnir/components/PostListItem.vue b/packages/theme-gungnir/components/PostListItem.vue
@@ -4,10 +4,7 @@
       class="post-item-img__img"
       @click="$router.push(item.path)"
     >
-      <img
-        :src="$withBase(item.frontmatter.header_img)"
-        class="cover"
-      >
+      <img :src="$withBase(item.frontmatter.header_img)">
     </div>
     <div class="else">
       <p
@@ -70,6 +67,8 @@ export default {
 </script>
 
 <style lang="stylus" scoped>
+@require '../styles/mixins.styl'
+
 .post-item-img
   margin 80px auto 100px
   position relative