From 6a1b490c5d118d44960ade76508c1e1e0a83c3a7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jmeno=20P=C5=99=C3=ADjmen=C3=AD?=
 <jmeno.prijmeni@odbornaskola.cz>
Date: Wed, 6 Oct 2021 08:10:03 +0200
Subject: [PATCH] =?UTF-8?q?Odebr=C3=A1n=C3=AD=20z=20ko=C5=A1=C3=ADku?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue | 20 +++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 9a1016f..197d4ff 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -12,18 +12,20 @@
       </div>
     </div>
     
-    <p class="cena">
-      Celková cena: {{ cena }} Kč
-    </p>
-    <p>
-      <button v-on:click="seznam = []">vyprázdnit košík</button>
-    </p>
+    <div v-if="seznam.length > 0" class="center">
+      <p class="cena">
+        Celková cena: {{ cena }} Kč
+      </p>
+      <p>
+        <button v-on:click="seznam = []">vyprázdnit košík</button>
+      </p>
+    </div>
 
     <div v-for="obj, i in seznam" :key="i" class="seznam-grid">
       <div><img :src="obj.obrazek" alt=""></div>
       <div>{{ obj.popisek }}</div>
       <div>{{ obj.cena }},-</div>
-      <div><button>odebrat</button></div>
+      <div><button v-on:click="seznam.splice(i, 1)">odebrat</button></div>
     </div>
   </div>
 </template>
@@ -139,4 +141,8 @@ export default {
   .seznam-grid img {
     width: 100%;
   }
+
+  .center {
+    text-align: center;
+  }
 </style>