webfussel/propapier
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: Calculator fixes

Browse source 
Add mobile/desktop fixes to calculator
This commit is contained in:
Fiona Lena Urban 2025-05-23 09:20:59 +02:00
parent d71e59b9c0
commit d7b624df4d
1 changed files with 13 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

17
app/components/Pp/PriceCard.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<article class="PriceCard roboto-condensed" v-ripple="{ color: 'rgba(0, 0, 0, 0.1)' }"> <article class="PriceCard roboto-condensed" v-ripple="$device.isMobile ? { color: 'rgba(0, 0, 0, 0.1)' } : { duration: 0, scale: 0 }">
<div class="bottom"> <div class="bottom">
<div class="bg-edit"> <div class="bg-edit">
<Icon class="icon" name="uil:pen" mode="svg" /> <Icon class="icon" name="uil:pen" mode="svg" />
@ -13,7 +13,7 @@
class="top flex-col" class="top flex-col"
:class="{ 'animated' : !isSwiping }" :class="{ 'animated' : !isSwiping }"
:style="{ left }" :style="{ left }"
@click="update" @click="cardClick"
> >
<header> <header>
<div class="name-price"> <div class="name-price">
@ -86,8 +86,10 @@ const { lengthX, direction, isSwiping } = useSwipe(top, {
}, },
onSwipeEnd() { onSwipeEnd() {
if (['down', 'up'].includes(direction.value)) return if (['down', 'up'].includes(direction.value)) return
if (lengthX.value > 50) deleteCard() if (lengthX.value > 50) {
vibrate(100) vibrate(100)
deleteCard()
}
left.value = '0' left.value = '0'
}, },
}) })
@ -97,6 +99,13 @@ const ppr = computed(() => priceClean.value / +card.roles)
const pps = computed(() => (ppr.value / +card.sheets) * 100) const pps = computed(() => (ppr.value / +card.sheets) * 100)
const ppl = computed(() => (pps.value / +card.layers) * 10) const ppl = computed(() => (pps.value / +card.layers) * 10)
const { isDesktop } = useDevice()
const cardClick = () => {
if (isDesktop) return
emit('update')
}
const update = () => emit('update') const update = () => emit('update')
const deleteCard = () => emit('remove') const deleteCard = () => emit('remove')