From c4c15cf1c2e2e5aab43375f1c5cdeba319833367 Mon Sep 17 00:00:00 2001
From: sechi <sechichen@gmail.com>
Date: Tue, 17 Jan 2023 04:17:47 +0800
Subject: [PATCH] fix: disable selecting elements in user switcher (#1219)

---
 components/account/AccountAvatar.vue        | 1 +
 components/account/AccountInfo.vue          | 2 +-
 components/common/dropdown/DropdownItem.vue | 1 +
 3 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/components/account/AccountAvatar.vue b/components/account/AccountAvatar.vue
index 31d39e6c..da7a3fff 100644
--- a/components/account/AccountAvatar.vue
+++ b/components/account/AccountAvatar.vue
@@ -15,6 +15,7 @@ const error = $ref(false)
     :key="account.avatar"
     width="400"
     height="400"
+    select-none
     :src="(error || !loaded) ? 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7' : account.avatar"
     :alt="$t('account.avatar_description', [account.username])"
     loading="lazy"
diff --git a/components/account/AccountInfo.vue b/components/account/AccountInfo.vue
index b5f7af73..9a9c7103 100644
--- a/components/account/AccountInfo.vue
+++ b/components/account/AccountInfo.vue
@@ -20,7 +20,7 @@ defineOptions({
     <AccountHoverWrapper :disabled="!hoverCard" :account="account">
       <AccountBigAvatar :account="account" shrink-0 :square="square" />
     </AccountHoverWrapper>
-    <div flex="~ col" shrink pt-1 h-full overflow-hidden justify-center leading-none>
+    <div flex="~ col" shrink pt-1 h-full overflow-hidden justify-center leading-none select-none>
       <div flex="~" gap-2>
         <AccountDisplayName :account="account" font-bold line-clamp-1 ws-pre-wrap break-all text-lg />
         <AccountBotIndicator v-if="account.bot" text-xs />
diff --git a/components/common/dropdown/DropdownItem.vue b/components/common/dropdown/DropdownItem.vue
index c83b10e3..11dc4447 100644
--- a/components/common/dropdown/DropdownItem.vue
+++ b/components/common/dropdown/DropdownItem.vue
@@ -42,6 +42,7 @@ useCommand({
   <div
     v-bind="$attrs" ref="el"
     flex gap-3 items-center cursor-pointer px4 py3
+    select-none
     hover-bg-active
     :aria-label="text"
     @click="handleClick"