ClearBowl/front/pages/index.vue
2020-01-08 17:37:42 +01:00

67 lines
1.8 KiB
Vue

<template>
<Card class="main-card">
<Row :gutter="16">
<Col span="6">
<NuxtLink to="/recipes">
<Card class="cb-menu">
<Icon type="ios-restaurant" size="100" color="white"/>
<div style="text-align:center">
<h3>Przepisy</h3>
</div>
</Card>
</NuxtLink>
</Col>
<Col span="6">
<NuxtLink to="/calculator">
<Card class="cb-menu">
<Icon type="ios-calculator" size="100" color="white"/>
<div style="text-align:center">
<h3>Kalkulator</h3>
</div>
</Card>
</NuxtLink>
</Col>
<Col span="6">
<Card class="cb-menu">
<Icon type="ios-stats" size="100" color="white"/>
<div style="text-align:center">
<h3>Historia</h3>
</div>
</Card>
</Col>
<Col span="6">
<NuxtLink to="/products">
<Card class="cb-menu">
<Icon type="ios-pizza" size="100" color="white"/>
<div style="text-align:center">
<h3>Produkty</h3>
</div>
</Card>
</NuxtLink>
</Col>
</Row>
</Card>
</template>
<script>
export default {
name: 'index',
auth: false,
};
</script>
<style scoped>
.main-card {
margin: 0;
top: 50%
}
.cb-menu {
background: #248200;
color: white;
}
</style>