44 lines
1.1 KiB
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>
|