#6 Simplify CSS: don't use min-height

alies-dev · alies-dev · commit d47671646890 · 2019-12-10T10:53:38.000+03:00
diff --git a/dist/js/card.js b/dist/js/card.js
diff --git a/dist/mix-manifest.json b/dist/mix-manifest.json
@@ -1,3 +1,3 @@
 {
-    "/js/card.js": "/js/card.js?id=a9bc40bde6cb473bb382"
+    "/js/card.js": "/js/card.js?id=f3dee4c8ebf64203b09e"
 }
diff --git a/resources/js/components/Card.vue b/resources/js/components/Card.vue
@@ -4,7 +4,7 @@
         </div>
     </div>
 
-    <card v-else class="htmlCard htmlCard--hasDefaultHeight" :class="cardClassList">
+    <card v-else class="htmlCard" :class="cardClassList">
         <div class="px-3 py-3">
             <div v-html="card.content" class="htmlCard__content">
             </div>
@@ -31,16 +31,10 @@
 </script>
 
 <style>
-    .htmlCard__content > p {
-        margin-bottom: 1em;
-    }
-</style>
-
-<style scoped>
     .htmlCard {
         height: auto;
     }
-    .htmlCard--hasDefaultHeight {
-        min-height: 150px;
+    .htmlCard__content > p:not(:last-child) {
+        margin-bottom: 1em;
     }
 </style>

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,3 @@`
`1`	`1`	`{`
`2`		`- "/js/card.js": "/js/card.js?id=a9bc40bde6cb473bb382"`
	`2`	`+ "/js/card.js": "/js/card.js?id=f3dee4c8ebf64203b09e"`
`3`	`3`	`}`