chore(website): fix the author card layout style

juliomrqz · Nov 17, 2018 · 28f5f79 · 28f5f79
1 parent 52be8c0
commit 28f5f79
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/packages/website/components/blog/AuthorCard.vue b/packages/website/components/blog/AuthorCard.vue
@@ -21,7 +21,7 @@
     </div>
     <div
       v-else-if="mode === 'advanced'"
-      class="flex flex-wrap items-center justify-center text-grey-darker"
+      class="flex flex-wrap flex-col items-center justify-center text-grey-darker sm:justify-start sm:flex-row"
     >
       <img
         :src="post.author.avatar"

diff --git a/packages/website/pages/blog/_slug.vue b/packages/website/pages/blog/_slug.vue
@@ -38,7 +38,8 @@
             <div class="flex flex-wrap items-center justify-between mb-12">
               <AuthorCard
                 :post="post"
-                mode="advanced" />
+                mode="advanced"
+                class="w-full sm:w-auto"/>
               <div class="py-4 text-center sm:text-right w-full sm:w-auto">
                 <div class="mb-2 text-grey-darkest font-semibold">{{ $t('blog.share') }}</div>
                 <social-sharing