diff --git a/src/components/ContactView.vue b/src/components/ContactView.vue index c16d52e2104fc33dfbc7bcc83fa61808b3827a42..4361e9f3927779eaaad98d0ecc1bd0d5b1b80c23 100644 --- a/src/components/ContactView.vue +++ b/src/components/ContactView.vue @@ -4,8 +4,8 @@ <TitleComposant label="Contacts" class="q-mt-xl" /> </a> <div class="q-ml-xl text-bold text-h6"> - <p class="flex items-center" :class="$q.screen.lt.md ? 'q-mr-xl text-subtitle2': ''"><img class="q-mr-xs non-selectable" src="/clement.franckelemon.etu/portfolio-2025/spa/images/Contact/mail.png"/>Clement.Franckelemon@gmail.com</p> - <p class="flex items-center" ><img class="q-mr-xs non-selectable" src="/clement.franckelemon.etu/portfolio-2025/spa/images/Contact/telephone.png"/>07 66 55 76 78</p> + <p class="flex items-center cursor-pointer" @click="mail" :class="$q.screen.lt.md ? 'q-mr-xl text-subtitle2': ''"><img class="q-mr-xs non-selectable" src="/clement.franckelemon.etu/portfolio-2025/spa/images/Contact/mail.png"/>Clement.Franckelemon@gmail.com</p> + <p class="flex items-center cursor-pointer" @click="tel" ><img class="q-mr-xs non-selectable" src="/clement.franckelemon.etu/portfolio-2025/spa/images/Contact/telephone.png"/>07 66 55 76 78</p> <a class="text-secondary" href="https://www.linkedin.com/in/cl%C3%A9ment-franckelemon-88976b26b/"><p class="flex items-center"><img class="q-mr-xs non-selectable" src="/clement.franckelemon.etu/portfolio-2025/spa/images/Contact/linkedin.png"/>Linkedin</p></a> </div> </div> @@ -14,6 +14,15 @@ <script setup lang="ts"> import TitleComposant from 'components/TitleComposant.vue' + +const mail = () => { + window.location.href = `mailto:clement.franckelemon@gmail.com` +} + +const tel = () => { + window.location.href = `tel:+330766557678` +} + </script> <style scoped>