Browse Source

Update PhotoAlbumPresenter

Daniel Supernault 6 years ago
parent
commit
798c81914e

+ 5 - 5
resources/assets/js/components/presenter/PhotoAlbumPresenter.vue

@@ -7,14 +7,14 @@
 			</summary>
 			</summary>
 			<b-carousel :id="status.id + '-carousel'"
 			<b-carousel :id="status.id + '-carousel'"
 				v-model="cursor"
 				v-model="cursor"
-				style="text-shadow: 1px 1px 2px #333;"
+				style="text-shadow: 1px 1px 2px #333;min-height: 330px;display: flex;align-items: center;"
 				controls
 				controls
 				background="#ffffff"
 				background="#ffffff"
 				:interval="0"
 				:interval="0"
 			>
 			>
 				<b-carousel-slide v-for="(img, index) in status.media_attachments" :key="img.id">
 				<b-carousel-slide v-for="(img, index) in status.media_attachments" :key="img.id">
-					<div slot="img" :class="img.filter_class + ' d-block mx-auto text-center'" style="max-height: 600px;" v-on:click="$emit('lightbox', img)">
-						<img class="img-fluid" style="max-height: 600px;" :src="img.url" :alt="img.description" :title="img.description" loading="lazy">
+					<div slot="img" :class="img.filter_class + ' d-block mx-auto text-center'" style="max-height: 600px;" v-on:click="$emit('lightbox', status.media_attachments[index])">
+						<img class="img-fluid" style="max-height: 600px;" :src="img.url" :alt="img.description" :title="img.description" loading="lazy" v-on:click="$emit('lightbox', status.media_attachments[index])">
 					</div>
 					</div>
 				</b-carousel-slide>
 				</b-carousel-slide>
 				<span class="badge badge-dark box-shadow" style="position: absolute;top:10px;right:10px;">
 				<span class="badge badge-dark box-shadow" style="position: absolute;top:10px;right:10px;">
@@ -26,13 +26,13 @@
 	<div v-else>
 	<div v-else>
 		<b-carousel :id="status.id + '-carousel'"
 		<b-carousel :id="status.id + '-carousel'"
 			v-model="cursor"
 			v-model="cursor"
-			style="text-shadow: 1px 1px 2px #333;"
+			style="text-shadow: 1px 1px 2px #333;min-height: 330px;display: flex;align-items: center;"
 			controls
 			controls
 			background="#ffffff"
 			background="#ffffff"
 			:interval="0"
 			:interval="0"
 		>
 		>
 			<b-carousel-slide v-for="(img, index) in status.media_attachments" :key="img.id" :alt="img.description" :title="img.description">
 			<b-carousel-slide v-for="(img, index) in status.media_attachments" :key="img.id" :alt="img.description" :title="img.description">
-				<div slot="img" :class="img.filter_class + ' d-block mx-auto text-center'" style="max-height: 600px;" v-on:click="$emit('lightbox', img)">
+				<div slot="img" :class="img.filter_class + ' d-block mx-auto text-center'" style="max-height: 600px;" v-on:click="$emit('lightbox', status.media_attachments[index])">
 					<img class="img-fluid" style="max-height: 600px;" :src="img.url" loading="lazy">
 					<img class="img-fluid" style="max-height: 600px;" :src="img.url" loading="lazy">
 				</div>
 				</div>
 			</b-carousel-slide>
 			</b-carousel-slide>