37 lines
945 B
Vue
37 lines
945 B
Vue
<template>
|
|
<header>
|
|
<img src="../icons/logo inpulse.png" alt="INPulse Logo">
|
|
<div class="header-buttons">
|
|
<div class="contact-menu">
|
|
<button class="contact-button" @click="toggleDropdown">Contact</button>
|
|
<div class="contact-dropdown" v-show="isDropdownOpen">
|
|
<button>Contact All</button>
|
|
<button>Contact Person 1</button>
|
|
<button>Contact Person 2</button>
|
|
<button>Contact Person 3</button>
|
|
</div>
|
|
<div class="return"><a href="/">return to list project</a></div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
isDropdownOpen: false
|
|
};
|
|
},
|
|
methods: {
|
|
toggleDropdown() {
|
|
this.isDropdownOpen = !this.isDropdownOpen;
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style scoped>
|
|
@import "@/components/canvas/style-project.css";
|
|
</style>
|
|
|