<script>
	export default {}
</script>
<template>
	<header class="fx-h-80">
		<img src="/images/logo.png" alt="">
		<a class="center-vertical" @click='$store.commit("add")'>Add New</a>
	</header>
</template>

<style scoped>
	header {
		position: relative;
		height:40px;
		padding:0 30px;
	}
	a, img {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
	img {
		height:25px;
	}
	a {
		cursor: pointer;
		right: 0;
		font-family: monospace;
		text-transform: uppercase;
		background: peachpuff;
		padding: 13px;
		cursor: pointer;
	}
</style>