ClearBowl/front/pages/index.vue

62 lines
1.6 KiB
Vue
Raw Normal View History

<template>
2019-12-05 11:23:34 +01:00
<Card class="main-card">
<Row :gutter="16">
<Col span="6">
<Card class="cb-menu">
2019-12-05 11:23:34 +01:00
<Icon type="ios-restaurant" size="100" color="white"/>
<div style="text-align:center">
<h3>Przepisy</h3>
</div>
</Card>
2019-12-05 11:23:34 +01:00
</Col>
<Col span="6">
<Card class="cb-menu">
2019-12-05 11:23:34 +01:00
<Icon type="ios-calculator" size="100" color="white"/>
<div style="text-align:center">
<h3>Kalkulator</h3>
</div>
</Card>
2019-12-05 11:23:34 +01:00
</Col>
<Col span="6">
<Card class="cb-menu">
2019-12-05 11:23:34 +01:00
<Icon type="ios-leaf" size="100" color="white"/>
<div style="text-align:center">
<h3>Dieta</h3>
</div>
</Card>
2019-12-05 11:23:34 +01:00
</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>
2019-12-05 11:23:34 +01:00
<script>
export default {
name: 'index',
auth: false,
};
</script>
<style scoped>
2019-12-05 11:23:34 +01:00
.main-card {
margin: 0;
top: 50%
}
2019-12-05 11:23:34 +01:00
.cb-menu {
background: #248200;
color: white;
}
</style>