From 6e3494a3898f2ca6104b7e2de2e5c48a7a9cadd5 Mon Sep 17 00:00:00 2001
From: kakkokari-gtyih <67428053+kakkokari-gtyih@users.noreply.github.com>
Date: Sat, 7 Jun 2025 16:39:29 +0900
Subject: [PATCH] fix: better cursor handling

---
 .../frontend/src/components/MkPostFormAttaches.vue     | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/frontend/src/components/MkPostFormAttaches.vue b/packages/frontend/src/components/MkPostFormAttaches.vue
index 68e7d5398d..cafa3d53c4 100644
--- a/packages/frontend/src/components/MkPostFormAttaches.vue
+++ b/packages/frontend/src/components/MkPostFormAttaches.vue
@@ -17,7 +17,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 	>
 		<template #item="{ element }">
 			<div
-				:class="$style.file"
+				:class="[$style.file, { [$style.dragEnabled]: props.draggable !== false }]"
 				role="button"
 				tabindex="0"
 				@click="handleClick(element, $event)"
@@ -27,7 +27,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 				<MkDriveFileThumbnail v-if="element.type === 'driveFile'" :data-id="element.id" :class="$style.thumbnail" :file="element.file" fit="cover"/>
 				<template v-if="element.type === 'uploaderItem'">
 					<img v-if="element.file.thumbnail" :src="element.file.thumbnail" :class="[$style.thumbnail, $style.uploaderThumbnail]" />
-					<div v-else :class="[$style.thumbnail, $style.uploaderThumbnailIcon]" v-panel>
+					<div v-else v-panel :class="[$style.thumbnail, $style.uploaderThumbnailIcon]">
 						<i :class="[$style.icon, getFileTypeIcon(getFileType(element.file.file.type))]"></i>
 					</div>
 					<div v-if="element.file.isSensitive" :class="$style.sensitive">
@@ -287,11 +287,14 @@ function showFileMenu(attach: Attach, ev: MouseEvent | KeyboardEvent): void {
 	margin-right: 4px;
 	border-radius: 8px;
 	overflow: hidden;
-	cursor: move;
 
 	&:focus-visible {
 		outline-offset: 4px;
 	}
+
+	&.dragEnabled {
+		cursor: move;
+	}
 }
 
 .thumbnail {
@@ -405,6 +408,7 @@ function showFileMenu(attach: Attach, ev: MouseEvent | KeyboardEvent): void {
 	color: #fff;
 	opacity: 0;
 	transition: opacity 0.2s ease;
+	cursor: pointer;
 }
 
 .uploadProgressWrapper:global(.uploading) {