aboutsummaryrefslogtreecommitdiff
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
parent7b513296c114b7cf216861b038b118722c3815ba (diff)
downloadmevn-ecommerce-ba3efb90e53fb5dba1b9c4f5f819327be84120d1.tar.gz
mevn-ecommerce-ba3efb90e53fb5dba1b9c4f5f819327be84120d1.zip
Small UI improvements.HEADmain
-rw-r--r--client/src/components/ProductCard.vue2
-rw-r--r--client/src/views/Checkout.vue2
-rw-r--r--client/src/views/Login.vue6
-rw-r--r--client/src/views/Product.vue9
-rw-r--r--client/src/views/Register.vue8
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>