more tailwind

LycheeOrg · Sep 19, 2024 · 0df769d · 0df769d
1 parent 2124adc
commit 0df769d
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 7 deletions.
diff --git a/resources/js/components/gallery/thumbs/PhotoThumb.vue b/resources/js/components/gallery/thumbs/PhotoThumb.vue
@@ -32,8 +32,11 @@
 			</span>
 			<span v-else class="block mt-0 mr-0 mb-2 ml-3 text-2xs text-surface-300">{{ props.photo.preformatted.created_at }}</span>
 		</div>
-		<div v-if="props.photo.precomputed.is_video" class="w-full top-0 h-full absolute hover:opacity-70 transition-opacity duration-300">
-			<img class="absolute top-1/2 -translate-y-1/2 aspect-square w-fit h-fit" alt="play" :src="srcPlay" />
+		<div
+			v-if="props.photo.precomputed.is_video"
+			class="w-full top-0 h-full absolute hover:opacity-70 transition-opacity duration-300 flex justify-center items-center"
+		>
+			<img class="absolute aspect-square w-fit h-fit" alt="play" :src="srcPlay" />
 		</div>
 		<div v-if="user" class="badges absolute mt-[-1px] ml-1 top-0 left-0">
 			<ThumbBadge v-if="props.photo.is_starred" class="badge--cover bg-yellow-500" icon="star" />

diff --git a/resources/js/composables/selections/selections.ts b/resources/js/composables/selections/selections.ts
@@ -62,6 +62,7 @@ export function useSelection(
 
 		// We are able to edit.
 		e.preventDefault();
+		e.stopPropagation();
 
 		if (ctrlKeyState.value) {
 			handlePhotoCtrl(idx, e);
@@ -119,9 +120,11 @@ export function useSelection(
 		if (!ctrlKeyState.value && !shiftKeyState.value) {
 			return;
 		}
+		console.log("albumCLick", idx);
 
 		// We are able to edit.
 		e.preventDefault();
+		e.stopPropagation();
 
 		if (ctrlKeyState.value) {
 			handleAlbumCtrl(idx, e);

diff --git a/resources/js/views/App.vue b/resources/js/views/App.vue
@@ -21,8 +21,4 @@ body {
 		background-color: var(--p-surface-900);
 	}
 }
-
-//   font-family: var(--font-family);
-//   font-weight: 400;
-//   color: var(--text-color);
 </style>
diff --git a/resources/js/views/gallery-panels/Albums.vue b/resources/js/views/gallery-panels/Albums.vue
@@ -1,6 +1,6 @@
 <template>
 	<KeybindingsHelp v-model:visible="isKeybindingsHelpOpen" v-if="user?.id" />
-	<div v-if="rootConfig && rootRights">
+	<div v-if="rootConfig && rootRights" @click="unselect">
 		<AlbumsHeader
 			v-model:is-login-open="isLoginOpen"
 			v-if="user"
@@ -118,6 +118,10 @@ const { selectedAlbum, selectedAlbumsIdx, selectedAlbums, selectedAlbumsIds, alb
 const { isMoveAlbumVisible, toggleMoveAlbum } = useMoveAlbumOpen();
 const { isDeleteAlbumVisible, toggleDeleteAlbum } = useDeleteAlbumOpen();
 
+const unselect = () => {
+	selectedAlbumsIdx.value = [];
+};
+
 // Unused.
 const photoCallbacks = {
 	star: () => {},