@kiva/kv-components 3.90.2 → 3.90.4

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.90.4](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@3.90.3...@kiva/kv-components@3.90.4) (2024-08-06)
+
+
+### Bug Fixes
+
+* use an image size we already have a retina size for ([109a303](https://github.com/kiva/kv-ui-elements/commit/109a303ba7ce6bd6830109e4323a9e25636556bf))
+
+
+
+
+
+## [3.90.3](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@3.90.2...@kiva/kv-components@3.90.3) (2024-08-06)
+
+
+### Bug Fixes
+
+* adjust new card styling ([875d701](https://github.com/kiva/kv-ui-elements/commit/875d701b951660444f8d00d7ae1596958df604f3))
+
+
+
+
+
 ## [3.90.2](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@3.90.1...@kiva/kv-components@3.90.2) (2024-08-05)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "3.90.2",
+  "version": "3.90.4",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -82,5 +82,5 @@
       "optional": true
     }
   },
-  "gitHead": "f5aee85ee4d01acdf40f6a155e891b0200fbef43"
+  "gitHead": "45936a0ec405a3b0d9dcaf39ddec503b06f714ac"
 }

package/vue/KvIntroductionLoanCard.vue

@@ -16,7 +16,8 @@
 				/>
 				<div
 					v-else
-					class="tw-relative"
+					:style="{ height: '11rem' }"
+					class="tw-relative tw-overflow-hidden"
 				>
 					<component
 						:is="tag"
@@ -171,9 +172,7 @@
 			</div>
 		</div>
 
-		<div
-			class="tw-px-1 tw-grow"
-		>
+		<div class="tw-px-1">
 			<!-- Fundraising -->
 			<div
 				v-if="!hasProgressData"
@@ -358,18 +357,14 @@ export default {
 	},
 	computed: {
 		imageAspectRatio() {
-			return 178 / 328;
+			return 5 / 8;
 		},
 		imageDefaultWidth() {
-			return 336;
+			return 480;
 		},
 		imageSizes() {
 			return [
-				{ width: this.imageDefaultWidth, viewSize: 1024 },
-				{ width: this.imageDefaultWidth, viewSize: 768 },
-				{ width: 416, viewSize: 480 },
-				{ width: 374, viewSize: 414 },
-				{ width: 335, viewSize: 375 },
+				{ width: this.imageDefaultWidth, viewSize: 375 },
 			];
 		},
 		lendersNumber() {
@@ -389,12 +384,6 @@ export default {
 <style lang="postcss" scoped>
 .card-container {
 	@apply tw-flex tw-flex-col tw-bg-white tw-rounded tw-w-full tw-pb-1;
-	height: 415px;
-}
-@screen md {
-	.card-container {
-		height: 423px;
-	}
 }
 .loan-callouts >>> span {
 	@apply !tw-bg-transparent tw-text-brand;
@@ -410,9 +399,6 @@ export default {
 .loan-card-progress:focus {
 	@apply tw-no-underline;
 }
-.borrower-image >>> img {
-	@apply tw-object-cover;
-}
 .loan-card-name {
 	@apply tw-pt-1 tw-px-3 tw-text-ellipsis tw-overflow-hidden tw-line-clamp-1 tw-cursor-pointer;
 }