fix: donate link fixed on mykiva nav (#5699)

kiva · Nov 19, 2024 · 1a54df2 · 1a54df2
1 parent 8a5e02b
commit 1a54df2
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/src/components/MyKiva/MyKivaNavigation.vue b/src/components/MyKiva/MyKivaNavigation.vue
@@ -78,12 +78,18 @@
 						<li
 							v-for="setting in lendingOptions"
 							:key="setting.text"
-							class="tw-mt-1.5
-								hover:tw-translate-x-1 hover:lg:tw-translate-x-2 tw-duration-300 tw-delay-100"
+							:class="[
+								'tw-mt-1.5 tw-duration-300 tw-delay-100',
+								{ 'hover:tw-translate-x-1 hover:lg:tw-translate-x-2' :
+									!setting.isDonate || parseFloat(userBalance) }
+							]"
 						>
 							<component
 								:is="setting.isDonate && !parseFloat(userBalance) ? 'span' : 'router-link'"
-								class="tw-text-primary tw-font-medium"
+								:class="[
+									'tw-text-primary tw-font-medium',
+									{ 'tw-text-tertiary': setting.isDonate && !parseFloat(userBalance) }
+								]"
 								:to="returnLendingUrl(setting)"
 								v-kv-track-event="[
 									'SecondaryNav links',