From af80f30f7a6c05be2e72bd9fc3d070e3ce4ac44e Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad000@gmail.com>
Date: Thu, 24 Apr 2025 05:03:21 -0400
Subject: [PATCH] style: Update copy button styles in ProfilePage.vue for
 improved hover effect and opacity transition

---
 frontend/src/views/profile/ProfilePage.vue | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/frontend/src/views/profile/ProfilePage.vue b/frontend/src/views/profile/ProfilePage.vue
index b506fd7..799e38a 100644
--- a/frontend/src/views/profile/ProfilePage.vue
+++ b/frontend/src/views/profile/ProfilePage.vue
@@ -548,9 +548,15 @@ async function deconfigureStripe() {
 }
 
 .copy-button {
-  @apply ml-2 p-1 rounded-full hover:bg-hSurface;
+  @apply ml-2 p-1 rounded-full;
   @apply transition-all duration-300;
   @apply relative overflow-hidden;
+  @apply opacity-60;
+}
+
+.copy-button:hover {
+  @apply opacity-100;
+  @apply bg-hSurface;
 }
 
 .copy-button::after {
@@ -567,10 +573,7 @@ async function deconfigureStripe() {
 
 .copy-button.success {
   @apply bg-green-500/20;
-}
-
-.copy-button:hover {
-  @apply bg-hSurface;
+  @apply opacity-100;
 }
 
 .value {