KevinMidboe/planetposen
1
0
Fork 0
mirror of https://github.com/KevinMidboe/planetposen.git synced 2025-10-29 17:50:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add card that has same shape as products, but links to /add

Browse Source
This commit is contained in:
Kevin
2020-07-19 16:10:10 +02:00
parent af0db6f4e4
commit 68123bf0b0
2 changed files with 53 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
frontend/components/ui/AddCard.vue Normal file
View File

@@ -0,0 +1,48 @@
<template>
<div class="product-card">
<router-link to="/add">
<i class="icon icon--add-circle"></i>
</router-link>
<h2 class="">add new product</h2>
</div>
</template>
<script>
export default {
}
</script>
<style lang="scss" scoped>
.product-card {
height: 100%;
background-color: white;
border-radius: 6px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
> *:first-child {
padding-top: 4rem;
}
> *:last-child {
padding-bottom: 4rem;
}
}
h2 {
color: grey;
padding-top: 3rem;
font-style: italic;
}
.icon {
font-size: 10rem;
color: var(--color-background);
color: grey;
}
</style>