adjust product, checkout and bag page

This commit is contained in:
dshrat 2021-09-22 20:45:35 +07:00
parent 192c8b8b67
commit f1a16ce8ba
3 changed files with 11 additions and 11 deletions

View file

@ -36,8 +36,8 @@
word-break: break-all; word-break: break-all;
} }
.title{ .title{
margin-left: 48px;
color: white; color: white;
margin-left: 48px;
} }
.button { .button {
color: white; color: white;
@ -54,7 +54,7 @@
justify-content: left; justify-content: left;
} }
.card{ .card{
background-color: #212226; background-color: #212226;
color: white; color: white;
border-radius: 10px; border-radius: 10px;
display: flex; display: flex;
@ -128,10 +128,10 @@
<div class="card"> <div class="card">
<div class="card-body"> <div class="card-body">
<div class="row"> <div class="row">
<div class="col-sm-6 col-md-4 col-lg-2"> <div class="col-sm-7 col-md-6 col-lg-4">
<img alt="placeholder image" class="img-fluid" src="assets/sepatu.png" width="180px" height="180px"/> <img alt="placeholder image" class="img-fluid" src="assets/sepatu.png" width="180px" height="180px"/>
</div> </div>
<div class="col-sm-6 col-md-8 col-lg-10"> <div class="col-sm-5 col-md-6 col-lg-8">
<p>Fashione Shoes</p> <p>Fashione Shoes</p>
<p>Size : 8</p> <p>Size : 8</p>
<p>Qty</p> <p>Qty</p>
@ -154,10 +154,10 @@
<div class="card"> <div class="card">
<div class="card-body"> <div class="card-body">
<div class="row"> <div class="row">
<div class="col-sm-6 col-md-4 col-lg-2"> <div class="col-sm-7 col-md-6 col-lg-4">
<img alt="placeholder image" class="img-fluid" src="assets/sepatu.png" width="180px" height="180px"/> <img alt="placeholder image" class="img-fluid" src="assets/sepatu.png" width="180px" height="180px"/>
</div> </div>
<div class="col-sm-6 col-md-8 col-lg-10"> <div class="col-sm-5 col-md-6 col-lg-8">
<p>Fashione Shoes</p> <p>Fashione Shoes</p>
<p>Size : 8</p> <p>Size : 8</p>
<p>Qty</p> <p>Qty</p>
@ -180,10 +180,10 @@
<div class="card"> <div class="card">
<div class="card-body"> <div class="card-body">
<div class="row"> <div class="row">
<div class="col-sm-6 col-md-4 col-lg-2"> <div class="col-sm-7 col-md-6 col-lg-4">
<img alt="placeholder image" class="img-fluid" src="assets/sepatu.png" width="180px" height="180px"/> <img alt="placeholder image" class="img-fluid" src="assets/sepatu.png" width="180px" height="180px"/>
</div> </div>
<div class="col-sm-6 col-md-8 col-lg-10"> <div class="col-sm-5 col-md-6 col-lg-8">
<p>Fashione Shoes</p> <p>Fashione Shoes</p>
<p>Size : 8</p> <p>Size : 8</p>
<p>Qty</p> <p>Qty</p>

View file

@ -273,12 +273,12 @@
</div> </div>
</nav> </nav>
<div class="title"> <div class="title justify-content-center">
<h3>Shopping Cart</h3> <h3>Shopping Cart</h3>
</div> </div>
<div class="full-body justify-content-between"> <div class="full-body justify-content-center">
<div class="body-left"> <div class="body-left">
<table class="table" style="color: white; margin-right: 48px;"> <table class="table" style="color: white; margin-right: 48px;">
<thead> <thead>

View file

@ -270,7 +270,7 @@
</div> </div>
<div style="display: flex; color: black;"> <div style="display: flex; color: black;">
<button class="button" id="myBtn">Add to Cart</button> <button class="button" id="myBtn">Add to Bag</button>
<div class="modal" id="myModal"> <div class="modal" id="myModal">