Skip to content
Snippets Groups Projects
Commit b7a2edec authored by Eline Evje's avatar Eline Evje
Browse files

feat: added component for continue button

parent e8477f49
No related branches found
No related tags found
3 merge requests!66Final merge,!7Feat/signup/config new user,!4Pipeline fix
<template>
<button class="continue-button" @click="onClick">
Fortsett
</button>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
export default defineComponent({
name: 'ContinueButtonComponent',
emits: {
click: (event: Event) => true
},
setup(props, { emit }) {
const onClick = (event: Event) => {
emit('click', event);
};
return {
onClick
};
}
});
</script>
<style scoped>
.continue-button {
padding: 0.7rem 5rem;
font-size: 1.125rem;
border-radius: 0.7rem;
cursor: pointer;
transition: background-color 0.3s, filter 0.3s;
font-weight: bold;
color: var(--black);
background-color: var(--green);
}
.continue-button:hover {
filter: brightness(90%);
}
.continue-button:active {
filter: brightness(75%);
}
</style>
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment