diff --git a/src/App.vue b/src/App.vue index 18fd3e2..b6f8afd 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,13 +1,20 @@ @@ -35,9 +42,40 @@ export default { popisek: "Máslo", cena: 40, }, + { + obrazek: "/img/med.jpg", + popisek: "Med", + cena: 20, + }, + { + obrazek: "/img/mleko.png", + popisek: "Mléko", + cena: 9, + }, + { + obrazek: "/img/rohlik.jpg", + popisek: "Rohlík", + cena: 6.50, + }, + { + obrazek: "/img/salam.jpg", + popisek: "Salám", + cena: 12, + }, + { + obrazek: "/img/vejce-na-tvrdo.jpg", + popisek: "Vejce na tvrdo", + cena: 55, + }, ], + seznam: [], } - } + }, + computed: { + sirka: function() { + return this.menu.length * 240 + this.menu.length * 10 + this.menu.length * 2 + }, + }, } @@ -46,7 +84,14 @@ export default { display: inline-block; width: 15em; border: 1px solid gray; - margin-right: 1em; + margin-right: 10px; + + } + + .menu:hover { + cursor: pointer; + border-color: cornflowerblue; + } .menu img { @@ -56,4 +101,10 @@ export default { .menu p { text-align: center; } + + .menu-wrap { + margin: 0 auto; + width: 50%; + overflow-x: scroll; + }