From 5af70ef363b13ea9e86dbf3da3f4bc6f1bf4eacb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C3=A3o=20Peixoto?= <joaodiogopeixoto@gmail.com>
Date: Wed, 20 Jan 2021 18:19:36 +0000
Subject: [PATCH] fix: improve cards

---
 src/.vuepress/theme/components/blog/Card.vue        |  8 --------
 src/.vuepress/theme/components/blog/LinkCard.vue    |  4 ++--
 src/.vuepress/theme/components/blog/PostAuthor.vue  | 13 ++++++++++---
 src/.vuepress/theme/components/blog/RegularCard.vue |  4 ++--
 src/.vuepress/theme/styles/index.css                |  5 +++++
 5 files changed, 19 insertions(+), 15 deletions(-)

diff --git a/src/.vuepress/theme/components/blog/Card.vue b/src/.vuepress/theme/components/blog/Card.vue
index 9c07f616..9d2e8a91 100644
--- a/src/.vuepress/theme/components/blog/Card.vue
+++ b/src/.vuepress/theme/components/blog/Card.vue
@@ -42,11 +42,3 @@ export default {
   },
 }
 </script>
-
-<style lang="postcss" scoped>
-@screen md {
-  .card-post {
-    max-height: 29rem;
-  }
-}
-</style>
diff --git a/src/.vuepress/theme/components/blog/LinkCard.vue b/src/.vuepress/theme/components/blog/LinkCard.vue
index ef916f61..a82d1aec 100644
--- a/src/.vuepress/theme/components/blog/LinkCard.vue
+++ b/src/.vuepress/theme/components/blog/LinkCard.vue
@@ -41,10 +41,10 @@
             class="type-p4 text-primary"
           />
         </div>
-        <footer class="flex-grow">
+        <footer class="flex-grow mt-2">
           <p
             v-if="frontmatter.description || frontmatter.description"
-            class="type-p1-serif text-primary clamp-5"
+            class="type-p1-serif text-primary clamp-3"
             itemprop="description"
           >
             {{ frontmatter.description || frontmatter.description }}
diff --git a/src/.vuepress/theme/components/blog/PostAuthor.vue b/src/.vuepress/theme/components/blog/PostAuthor.vue
index 7ee4de65..6ba25b4b 100644
--- a/src/.vuepress/theme/components/blog/PostAuthor.vue
+++ b/src/.vuepress/theme/components/blog/PostAuthor.vue
@@ -4,19 +4,26 @@
     itemprop="publisher author"
     itemtype="http://schema.org/Person"
     itemscope
-    class="flex items-center"
+    class="flex flex-row flex-wrap"
   >
     <span
       v-for="(piece, index) in resolvedAuthorName"
       :key="piece"
       itemprop="name"
-      >{{ index === 0 ? '' : ',' }}
+      class="flex flex-row"
+    >
       <span
-        class="whitespace-no-wrap hover:text-blueGreen hover:underline cursor-pointer"
+        class="hover:text-blueGreen hover:underline cursor-pointer"
         @click="handleAuthorClick(piece)"
       >
         {{ piece }}
       </span>
+      <span>{{
+        resolvedAuthorName.length !== 1 &&
+        index !== resolvedAuthorName.length - 1
+          ? ',&nbsp;'
+          : ''
+      }}</span>
     </span>
   </div>
 </template>
diff --git a/src/.vuepress/theme/components/blog/RegularCard.vue b/src/.vuepress/theme/components/blog/RegularCard.vue
index feb84474..d9411bfd 100644
--- a/src/.vuepress/theme/components/blog/RegularCard.vue
+++ b/src/.vuepress/theme/components/blog/RegularCard.vue
@@ -40,10 +40,10 @@
             class="type-p4 text-primary"
           />
         </div>
-        <footer class="flex-grow">
+        <footer class="flex-grow mt-2">
           <p
             v-if="frontmatter.description || frontmatter.description"
-            class="type-p1-serif text-primary clamp-5"
+            class="type-p1-serif text-primary clamp-3"
             itemprop="description"
           >
             {{ frontmatter.description || frontmatter.description }}
diff --git a/src/.vuepress/theme/styles/index.css b/src/.vuepress/theme/styles/index.css
index ad4ef0a2..d3145b03 100644
--- a/src/.vuepress/theme/styles/index.css
+++ b/src/.vuepress/theme/styles/index.css
@@ -3,3 +3,8 @@
 body {
   @apply bg-gray-light antialiased;
 }
+
+code {
+  white-space: pre-wrap;
+  word-break: break-all;
+}