ClearBowl/front/pages/index.vue

44 lines
1.1 KiB
Vue

<template>
<Card class="main-card">
<Row :gutter="16">
<Col span="8">
<Card class="cb-menu">
<Icon type="ios-restaurant" size="100" color="white"/>
<div style="text-align:center">
<h3>Przepisy</h3>
</div>
</Card>
</Col>
<Col span="8">
<Card class="cb-menu">
<Icon type="ios-calculator" size="100" color="white"/>
<div style="text-align:center">
<h3>Kalkulator</h3>
</div>
</Card>
</Col>
<Col span="8">
<Card class="cb-menu">
<Icon type="ios-leaf" size="100" color="white"/>
<div style="text-align:center">
<h3>Dieta</h3>
</div>
</Card>
</Col>
</Row>
</Card>
</template>
<style scoped>
.main-card {
margin: 0;
top: 50%
}
.cb-menu {
background: #248200;
color: white;
}
</style>