Ryan/drop
1
0
Fork 0
mirror of https://github.com/Drop-OSS/drop.git synced 2025-11-10 04:22:09 +10:00
Code Issues Packages Projects Releases Wiki Activity

fix: gamecarousel not resizing

Browse Source
This commit is contained in:
Huskydog9988
2025-04-07 16:57:44 -04:00
parent f9b774ddb5
commit e572b61af9
1 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
components/GameCarousel.vue
View File

@ -37,13 +37,22 @@ const games: Ref<Array<SerializeObject<Game> | undefined>> = computed(() =>
.map((_, i) => props.items[i]) .map((_, i) => props.items[i])
); );
const singlePage = ref(1); const singlePage = ref(2);
const sizeOfCard = 192 + 10; const sizeOfCard = 192 + 10;
onMounted(() => { const handleResize = () => {
singlePage.value = singlePage.value =
(props.width ?? (props.width ??
currentComponent.value?.parentElement?.clientWidth ?? currentComponent.value?.parentElement?.clientWidth ??
window.innerWidth) / sizeOfCard; window.innerWidth) / sizeOfCard;
};
onMounted(() => {
handleResize();
window.addEventListener("resize", handleResize);
});
onBeforeUnmount(() => {
window.removeEventListener("resize", handleResize);
}); });
</script> </script>