From fd300b36494c5f0726a4a68374a5e182830a5c75 Mon Sep 17 00:00:00 2001
From: ppc <albie@ppc.moe>
Date: Sat, 10 Aug 2024 18:09:28 +0100
Subject: [PATCH] disable selecting card contents, press card icon to copy
 number

---
 aimenet-web/src/components/aime-card.tsx | 2 +-
 aimenet-web/src/components/am-card.tsx   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/aimenet-web/src/components/aime-card.tsx b/aimenet-web/src/components/aime-card.tsx
index 7a9b442..06d09ec 100644
--- a/aimenet-web/src/components/aime-card.tsx
+++ b/aimenet-web/src/components/aime-card.tsx
@@ -18,7 +18,7 @@ export function AimeCardEntry(props: AMCardActionProps & { card: AimeCard, child
                 </AMCardDetail>
             )}
             <AMCardDetail>
-                <CreditCard className="h-5 w-5"/>
+                <CreditCard className="h-5 w-5 cursor-pointer" onClick={() => navigator.clipboard.writeText(props.card.id)}/>
                 <code>{isDesktop
                     ? props.card.id.match(/.{1,4}/g)?.join(" ")
                     : `•••• ${props.card.id.substring(props.card.id.length - 4)}`}
diff --git a/aimenet-web/src/components/am-card.tsx b/aimenet-web/src/components/am-card.tsx
index c28727f..f22540f 100644
--- a/aimenet-web/src/components/am-card.tsx
+++ b/aimenet-web/src/components/am-card.tsx
@@ -34,7 +34,7 @@ export function AMCard(props: AMCardActionProps & { title: string, titlePerforms
 
 export function AMCardDetail(props: { children?: Readonly<React.ReactNode> }) {
     return (
-        <div className="inline-flex items-center max-w-full gap-2 text-gray-500">
+        <div className="inline-flex items-center max-w-full gap-2 text-gray-500 select-none md:select-text">
             {props.children}
         </div>
     )