formatting

LycheeOrg · Mar 1, 2025 · 8cff504 · 8cff504
1 parent 16584aa
commit 8cff504
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 37 deletions.
diff --git a/resources/js/components/gallery/albumModule/thumbs/ThumbFavourite.vue b/resources/js/components/gallery/albumModule/thumbs/ThumbFavourite.vue
@@ -1,47 +1,45 @@
 <template>
-    <div
-        :class="{
-            'absolute top-0 right-0 flex justify-center items-center h-8 w-8 text-surface-0 text-2xl filter-shadow': true,
-            'md:opacity-0 md:group-hover:opacity-50 md:transition-all md:ease-out': !props.isFavourite,
-        }"
-    >
-        <span
-            :class="{
-                pi: true,
-                'pi-heart-fill': props.isFavourite,
-                'pi-heart': !props.isFavourite,
-            }"
-        ></span>
-    </div>
-    <div
-        :class="{
-            'absolute top-0 right-0 flex justify-center items-center h-8 w-8 text-surface-0 text-2xl cursor-pointer': true,
-            'opacity-0 md:opacity-0 md:hover:opacity-100 md:transition-all md:ease-out': !props.isFavourite,
-        }"
-        @click="propagateClick"
-    >
-        <span
-            :class="{
-                pi: true,
-                'pi-heart': props.isFavourite,
-                'pi-heart-fill': !props.isFavourite,
-            }"
-        ></span>
-    </div>
+	<div
+		:class="{
+			'absolute top-0 right-0 flex justify-center items-center h-8 w-8 text-surface-0 text-2xl filter-shadow': true,
+			'md:opacity-0 md:group-hover:opacity-50 md:transition-all md:ease-out': !props.isFavourite,
+		}"
+	>
+		<span
+			:class="{
+				pi: true,
+				'pi-heart-fill': props.isFavourite,
+				'pi-heart': !props.isFavourite,
+			}"
+		></span>
+	</div>
+	<div
+		:class="{
+			'absolute top-0 right-0 flex justify-center items-center h-8 w-8 text-surface-0 text-2xl cursor-pointer': true,
+			'opacity-0 md:opacity-0 md:hover:opacity-100 md:transition-all md:ease-out': !props.isFavourite,
+		}"
+		@click="propagateClick"
+	>
+		<span
+			:class="{
+				pi: true,
+				'pi-heart': props.isFavourite,
+				'pi-heart-fill': !props.isFavourite,
+			}"
+		></span>
+	</div>
 </template>
 <script setup lang="ts">
-
 const props = defineProps<{
-    isFavourite: boolean;
+	isFavourite: boolean;
 }>();
 
 const emits = defineEmits<{
-    click: [];
+	click: [];
 }>();
 
 function propagateClick(e: MouseEvent) {
-    e.stopPropagation();
-    emits('click');
+	e.stopPropagation();
+	emits("click");
 }
-
-</script>
+</script>
diff --git a/resources/js/stores/LycheeState.ts b/resources/js/stores/LycheeState.ts
@@ -28,7 +28,7 @@ export const useLycheeStateStore = defineStore("lychee-store", {
 		can_rotate: false,
 		can_autoplay: false,
 		is_exif_disabled: false,
-		is_favourite_enabled: false, 
+		is_favourite_enabled: false,
 
 		// keybinding help
 		show_keybinding_help_popup: false,