diff options
Diffstat (limited to 'client/src/views/Product.vue')
| -rw-r--r-- | client/src/views/Product.vue | 9 |
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> |