File tree Expand file tree Collapse file tree 1 file changed +11
-4
lines changed Expand file tree Collapse file tree 1 file changed +11
-4
lines changed Original file line number Diff line number Diff line change 5
5
class =" inline-flex gap-1 justify-center justify-self-end items-center p-2 text-sm rounded-md shadow transition-transform transform focus-visible:ring-4 active:scale-y-75 hover:scale-105 hover:shadow-lg copy-uri-button"
6
6
aria-label =" Click here to copy url to clipboard"
7
7
:class =" {
8
- 'bg-blue-500 text-white': copied === false ,
8
+ 'bg-blue-500 text-white': ! copied,
9
9
'bg-green-500 text-gray-800': copied === true,
10
- 'bg-blue-500 text-white animate-pulse ': copied === null,
10
+ 'pointer-events-none ': copied === null || copied === true ,
11
11
}"
12
- :disabled =" copied === null"
12
+ :disabled =" copied === null || copied === true "
13
13
@click =" clickHandler"
14
14
>
15
15
<span
21
21
<Copied />
22
22
</span >
23
23
<span v-show =" copied" class =" hidden md:inline-block" >Copied</span >
24
- <span v-show =" !copied" class =" inline" aria-hidden =" true" >
24
+ <span
25
+ v-show =" !copied"
26
+ class =" inline"
27
+ aria-hidden =" true"
28
+ :class =" {
29
+ 'animate animate-wiggle': copied === null,
30
+ }"
31
+ >
25
32
<Link />
26
33
</span >
27
34
<span v-show =" !copied" class =" hidden md:inline-block" >{{
You can’t perform that action at this time.
0 commit comments