fix: wrapping donation banner headline

kiva · Dec 6, 2023 · 9e57883 · 9e57883
1 parent 9dc530b
commit 9e57883
Showing 1 changed file with 13 additions and 11 deletions.
diff --git a/src/components/WwwFrame/PromotionalBanner/Banners/Donation/DonationBanner.vue b/src/components/WwwFrame/PromotionalBanner/Banners/Donation/DonationBanner.vue
@@ -21,17 +21,19 @@
 						</div>
 					</div>
 					<div class="tw-text-center md:tw-text-left">
-						<h3 class="tw-inline" v-html="headline"></h3>
-						<a
-							v-if="disclaimer"
-							v-kv-track-event="['promo', 'click-Contentful-banner', 'disclaimer-superscript', '1']"
-							class="tw-text-primary"
-							@click="scrollToSection('#disclaimers')"
-						>
-							<sup>
-								1
-							</sup>
-						</a>
+						<div class="md:tw-max-w-lg tw-whitespace-prewrap">
+							<h3 class="tw-inline" v-html="headline"></h3>
+							<a
+								v-if="disclaimer"
+								v-kv-track-event="['promo', 'click-Contentful-banner', 'disclaimer-superscript', '1']"
+								class="tw-text-primary"
+								@click="scrollToSection('#disclaimers')"
+							>
+								<sup>
+									1
+								</sup>
+							</a>
+						</div>
 						<div
 							class="tw-mb-3 tw-mt-0.5 lg:tw-mb-2 tw-whitespace-pre-wrap md:tw-max-w-sm"
 							v-html="body"