From 2f9a53f329064737237792fcacb3b75f611cb9f0 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Wed, 10 Jun 2026 10:05:12 -0700
Subject: [PATCH] feat: remove drag handle

---
 .../ui/skin/VirtualSkinSectionList.vue          | 17 +----------------
 1 file changed, 1 insertion(+), 16 deletions(-)

diff --git a/apps/app-frontend/src/components/ui/skin/VirtualSkinSectionList.vue b/apps/app-frontend/src/components/ui/skin/VirtualSkinSectionList.vue
index 66dea23f60..927b52496b 100644
--- a/apps/app-frontend/src/components/ui/skin/VirtualSkinSectionList.vue
+++ b/apps/app-frontend/src/components/ui/skin/VirtualSkinSectionList.vue
@@ -2,7 +2,6 @@
 import {
 	DropdownIcon,
 	EditIcon,
-	MoveIcon,
 	PlusIcon,
 	TrashIcon,
 	UnknownIcon,
@@ -81,10 +80,6 @@ const messages = defineMessages({
 		id: 'app.skins.delete-button',
 		defaultMessage: 'Delete skin',
 	},
-	reorderSkinButton: {
-		id: 'app.skins.reorder-button',
-		defaultMessage: 'Reorder skin',
-	},
 })
 
 const props = defineProps<{
@@ -415,7 +410,7 @@ defineExpose({ getAddSkinButtonElement })
 					:list="draggableSavedSkins"
 					class="grid w-full grid-cols-3 gap-3 min-[1300px]:grid-cols-4 min-[1750px]:grid-cols-5 min-[2050px]:grid-cols-6"
 					:item-key="savedSkinKey"
-					handle=".skin-reorder-handle"
+					:disabled="!canReorderSavedSkins"
 					:animation="250"
 					:swap-threshold="1"
 					:invert-swap="false"
@@ -486,16 +481,6 @@ defineExpose({ getAddSkinButtonElement })
 									</ButtonStyled>
 								</template>
 							</SkinButton>
-							<ButtonStyled v-if="canReorderSavedSkins" circular>
-								<button
-									v-tooltip="formatMessage(messages.reorderSkinButton)"
-									:aria-label="formatMessage(messages.reorderSkinButton)"
-									class="skin-reorder-handle absolute bottom-3 right-3 z-40 cursor-grab active:cursor-grabbing"
-									@click.stop.prevent
-								>
-									<MoveIcon />
-								</button>
-							</ButtonStyled>
 						</div>
 					</template>
 				</Draggable>