aboutsummaryrefslogtreecommitdiff
path: root/client/src/views/Product.vue
diff options
context:
space:
mode:
authorMateja <mail@matejamaric.com>2021-07-31 03:00:29 +0200
committerMateja <mail@matejamaric.com>2021-07-31 03:00:29 +0200
commitba3efb90e53fb5dba1b9c4f5f819327be84120d1 (patch)
treeec5f0cd65f79c0a4f9c6b3f91d3110945be86059 /client/src/views/Product.vue
parent7b513296c114b7cf216861b038b118722c3815ba (diff)
downloadmevn-ecommerce-main.tar.gz
mevn-ecommerce-main.zip
Small UI improvements.HEADmain
Diffstat (limited to 'client/src/views/Product.vue')
-rw-r--r--client/src/views/Product.vue9
1 files changed, 6 insertions, 3 deletions
diff --git a/client/src/views/Product.vue b/client/src/views/Product.vue
index 142fb42..96b3103 100644
--- a/client/src/views/Product.vue
+++ b/client/src/views/Product.vue
@@ -1,8 +1,12 @@
<template>
<div class="mt-5 d-flex justify-content-center">
- <div class="card col-md-8">
+ <div class="card col-md-8 mb-3">
<div class="row g-0">
+ <div class="card-header d-flex align-items-baseline">
+ <div class="btn btn-outline-secondary btn-sm ms-auto" @click="back">Go back</div>
+ </div>
+
<div class="col-md-6">
<img :src="curProductImg" class="img-fluid rounded-start">
</div>
@@ -16,8 +20,7 @@
</div>
<div class="card-footer d-flex align-items-baseline">
<div class="btn btn-dark" @click="buy">Add to cart</div>
- <div class="btn btn-secondary ms-3" v-show="curProductQuantity" @click="remove">Remove from cart</div>
- <div class="btn btn-outline-secondary btn-sm ms-auto" @click="back">Go back</div>
+ <div class="btn btn-secondary btn-sm ms-md-2 ms-1" v-show="curProductQuantity" @click="remove">Remove from cart</div>
</div>
</div>