Skip to content

Commit 6e5f052

Browse files
committed
fix animated card example
1 parent 906e7ef commit 6e5f052

File tree

1 file changed

+5
-5
lines changed

1 file changed

+5
-5
lines changed

docs/.vitepress/components/v2/Examples/Animation/AnimatedCard.vue

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -67,14 +67,9 @@
6767
border-radius: 0.75rem;
6868
background: color-mix(in srgb, var(--card-color) 10%, var(--vp-c-bg));
6969
border: 1px solid color-mix(in srgb, var(--card-color) 25%, transparent);
70-
cursor: grab;
7170
transition: opacity 0.15s ease;
7271
}
7372
74-
.card:active {
75-
cursor: grabbing;
76-
}
77-
7873
.card.is-dragging {
7974
opacity: 0 !important;
8075
}
@@ -83,12 +78,17 @@
8378
color: color-mix(in srgb, var(--card-color) 60%, transparent);
8479
font-size: 1.1rem;
8580
flex-shrink: 0;
81+
cursor: grab;
8682
8783
/* See Mobile & Touch section */
8884
touch-action: none;
8985
user-select: none;
9086
}
9187
88+
.card:active .handle {
89+
cursor: grabbing;
90+
}
91+
9292
.emoji {
9393
font-size: 1.25rem;
9494
flex-shrink: 0;

0 commit comments

Comments
 (0)