Skip to content

Commit bdf8d01

Browse files
committed
fix: fix swipes when scrolling theme generator container
1 parent 5c4fa59 commit bdf8d01

File tree

1 file changed

+7
-1
lines changed

1 file changed

+7
-1
lines changed

src/components/themes/ThemeGenerator.vue

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,13 @@ function resetColors() {
2828

2929
<template>
3030
<div class="mx-auto my-12 max-w-240 flex flex-col gap-4 px-4">
31-
<div class="relative w-full flex flex-nowrap gap-0 overflow-x-auto rounded-md bg-catppuccin-900">
31+
<!-- @touch*.stop prevents mobile swipes -->
32+
<div
33+
@touchstart.stop
34+
@touchmove.stop
35+
@touchend.stop
36+
class="relative w-full flex flex-nowrap gap-0 overflow-x-auto rounded-md bg-catppuccin-900"
37+
>
3238
<div class="flex shrink-0 flex-col gap-0">
3339
<button
3440
@click="selected = tab.Key"

0 commit comments

Comments
 (0)