diff options
| -rw-r--r-- | client/src/components/ProductCard.vue | 2 | ||||
| -rw-r--r-- | client/src/views/Checkout.vue | 2 | ||||
| -rw-r--r-- | client/src/views/Login.vue | 6 | ||||
| -rw-r--r-- | client/src/views/Product.vue | 9 | ||||
| -rw-r--r-- | client/src/views/Register.vue | 8 |
5 files changed, 16 insertions, 11 deletions
diff --git a/client/src/components/ProductCard.vue b/client/src/components/ProductCard.vue index 849c360..ebf3beb 100644 --- a/client/src/components/ProductCard.vue +++ b/client/src/components/ProductCard.vue @@ -1,5 +1,5 @@ <template> - <div class="card"> + <div class="card mb-3"> <img :src="ImgLink" class="card-img-top"> <div class="card-body"> <h5 class="card-title">{{ Name }}</h5> diff --git a/client/src/views/Checkout.vue b/client/src/views/Checkout.vue index 7004b1f..fc2581c 100644 --- a/client/src/views/Checkout.vue +++ b/client/src/views/Checkout.vue @@ -1,5 +1,5 @@ <template> - <div class="mt-5"> + <div class="mt-5 mb-1 mx-3"> <div class="row d-flex justify-content-center"> <div class="col-md-6 card"> <ul class="list-group list-group-flush"> diff --git a/client/src/views/Login.vue b/client/src/views/Login.vue index f0a1759..51b0b80 100644 --- a/client/src/views/Login.vue +++ b/client/src/views/Login.vue @@ -2,7 +2,8 @@ <div class="mt-5"> <div class="row d-flex justify-content-center"> <div class="col-md-7"> - <div class="card px-5 py-4"> + <div class="card px-5 py-4 mb-3"> + <form> <div class="text-center mb-4"> <h4>Login</h4> @@ -25,9 +26,10 @@ </div> <div class="forms-inputs mb-4"> - <button @click.stop.prevent="login" class="btn btn-dark w-100">Login</button> + <input type="submit" value="Submit" class="btn btn-dark w-100" @click.stop.prevent="login"> </div> + </form> </div> </div> </div> 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> diff --git a/client/src/views/Register.vue b/client/src/views/Register.vue index 238b5df..7159f75 100644 --- a/client/src/views/Register.vue +++ b/client/src/views/Register.vue @@ -2,8 +2,8 @@ <div class="mt-5"> <div class="row d-flex justify-content-center"> <div class="col-md-7"> - <div class="card px-5 py-4"> - <div class="form-data"> + <div class="card px-5 py-4 mb-3"> + <form> <div class="text-center mb-4"> <h4>Register</h4> @@ -50,10 +50,10 @@ </div> <div class="mb-3"> - <button @click.stop.prevent="submit" class="btn btn-dark w-100">Register</button> + <input type="submit" value="Submit" class="btn btn-dark w-100" @click.stop.prevent="submit"> </div> - </div> + </form> </div> </div> </div> |