fix: contain photo caption (#1135)

jackdishman · web-flow · commit 8e2ce6401e0e · 2022-08-08T15:10:32.000-07:00
diff --git a/src/pages/post/_post.vue b/src/pages/post/_post.vue
@@ -165,7 +165,7 @@
 							<p
 								v-if="post && post.featuredPhotoCaption"
 								ref="photoCaption"
-								class="text-lightOnPrimaryText absolute px-4 pb-3 text-sm drop-shadow-lg"
+								class="text-lightOnPrimaryText absolute px-4 pb-3 text-sm drop-shadow-lg break-words max-w-full"
 								style="text-shadow: 0 0 10px #000"
 							>
 								{{ post.featuredPhotoCaption }}

Original file line number	Diff line number	Diff line change
`@@ -165,7 +165,7 @@`
`165`	`165`	`<p`
`166`	`166`	`v-if="post && post.featuredPhotoCaption"`
`167`	`167`	`ref="photoCaption"`
`168`		`- class="text-lightOnPrimaryText absolute px-4 pb-3 text-sm drop-shadow-lg"`
	`168`	`+ class="text-lightOnPrimaryText absolute px-4 pb-3 text-sm drop-shadow-lg break-words max-w-full"`
`169`	`169`	`style="text-shadow: 0 0 10px #000"`
`170`	`170`	`>`
`171`	`171`	`{{ post.featuredPhotoCaption }}`