jbourdon/social-media
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: Update copy button styles in ProfilePage.vue for improved hover effect and opacity transition

Browse Source
This commit is contained in:
Jonathan Bourdon
2025-04-24 05:03:21 -04:00
parent f4e12cd4fa
commit af80f30f7a
1 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/views/profile/ProfilePage.vue
View File

@@ -548,9 +548,15 @@ async function deconfigureStripe() {
} }
.copy-button { .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 transition-all duration-300;
@apply relative overflow-hidden; @apply relative overflow-hidden;
@apply opacity-60;
}
.copy-button:hover {
@apply opacity-100;
@apply bg-hSurface;
} }
.copy-button::after { .copy-button::after {
@@ -567,10 +573,7 @@ async function deconfigureStripe() {
.copy-button.success { .copy-button.success {
@apply bg-green-500/20; @apply bg-green-500/20;
} @apply opacity-100;
.copy-button:hover {
@apply bg-hSurface;
} }
.value { .value {