feat: toggle-able swiping

This commit is contained in:
freeplay 2023-06-26 14:36:28 -04:00
parent 666d723b36
commit 03f0a7144b
4 changed files with 13 additions and 6 deletions

View file

@ -1053,6 +1053,7 @@ recommendedInstancesDescription: "Recommended servers separated by line breaks t
caption: "Auto Caption"
splash: "Splash Screen"
updateAvailable: "There might be an update available!"
swipeOnMobile: "Allow swiping between pages"
swipeOnDesktop: "Allow mobile-style swiping on desktop"
logoImageUrl: "Logo image URL"
showAdminUpdates: "Indicate a new Calckey version is avaliable (admin only)"

View file

@ -45,6 +45,9 @@
class="_formBlock"
>{{ i18n.ts.useReactionPickerForContextMenu }}</FormSwitch
>
<FormSwitch v-model="swipeOnMobile" class="_formBlock">{{
i18n.ts.swipeOnMobile
}}</FormSwitch>
<FormSwitch v-model="swipeOnDesktop" class="_formBlock">{{
i18n.ts.swipeOnDesktop
}}</FormSwitch>
@ -339,6 +342,9 @@ const showUpdates = computed(defaultStore.makeGetterSetter("showUpdates"));
const swipeOnDesktop = computed(
defaultStore.makeGetterSetter("swipeOnDesktop")
);
const swipeOnMobile = computed(
defaultStore.makeGetterSetter("swipeOnMobile")
);
const showAdminUpdates = computed(
defaultStore.makeGetterSetter("showAdminUpdates")
);
@ -379,6 +385,7 @@ watch(
overridedDeviceKind,
showAds,
showUpdates,
swipeOnMobile,
swipeOnDesktop,
seperateRenoteQuote,
showAdminUpdates,

View file

@ -45,12 +45,7 @@
:modules="[Virtual]"
:space-between="20"
:virtual="true"
:allow-touch-move="
!(
deviceKind === 'desktop' &&
!defaultStore.state.swipeOnDesktop
)
"
:allow-touch-move="defaultStore.state.swipeOnMobile && ( deviceKind !== 'desktop' || defaultStore.state.swipeOnDesktop )"
@swiper="setSwiperRef"
@slide-change="onSlideChange"
>

View file

@ -314,6 +314,10 @@ export const defaultStore = markRaw(
where: "device",
default: false,
},
swipeOnMobile: {
where: "device",
default: true,
},
showAdminUpdates: {
where: "account",
default: true,