nekoya/web
nekoya/web
1
0
Fork 0
mirror of https://gitlab.com/nekoya/web.git synced 2024-12-02 04:56:56 +01:00
Code Issues Projects Releases Packages 1 Wiki Activity

Modif bag page

Browse source
This commit is contained in:
dshrat 2021-09-15 16:14:19 +07:00
parent 1a4484c672
commit dcb434bece
2 changed files with 32 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
bag.html
View file

@ -49,7 +49,7 @@
<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>
<tr> <tr class="titletr">
<th scope="col">Item</th> <th scope="col">Item</th>
<th scope="col">Qty</th> <th scope="col">Qty</th>
<th scope="col">Item Price</th> <th scope="col">Item Price</th>
@ -57,9 +57,9 @@
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr> <tr class="titletrdes">
<th scope="row" style="display: flex;"><img src="assets/sepatu.png" alt="placeholder image" class="img" height="80px" width="80px"> <th scope="row" style="display: flex;"><img src="assets/sepatu.png" alt="placeholder image" class="img" height="80px" width="80px">
<div style="margin-left: 30px;"> <div class="info" >
<p>Fashione Shoes</p> <p>Fashione Shoes</p>
<p>Size : 8</p> <p>Size : 8</p>
<p>Qty : 1</p> <p>Qty : 1</p>
@ -70,7 +70,7 @@
</tr> </tr>
<tr> <tr>
<th scope="row" style="display: flex;"><img src="assets/sepatu.png" alt="placeholder image" class="img" height="80px" width="80px"> <th scope="row" style="display: flex;"><img src="assets/sepatu.png" alt="placeholder image" class="img" height="80px" width="80px">
<div style="margin-left: 30px;"> <div class="info">
<p>Fashione Shoes</p> <p>Fashione Shoes</p>
<p>Size : 8</p> <p>Size : 8</p>
<p>Qty : 1</p> <p>Qty : 1</p>
@ -81,7 +81,7 @@
</tr> </tr>
<tr> <tr>
<th scope="row" style="display: flex;"><img src="assets/sepatu.png" alt="placeholder image" class="img" height="80px" width="80px"> <th scope="row" style="display: flex;"><img src="assets/sepatu.png" alt="placeholder image" class="img" height="80px" width="80px">
<div style="margin-left: 30px;"> <div class="info" >
<p>Fashione Shoes</p> <p>Fashione Shoes</p>
<p>Size : 8</p> <p>Size : 8</p>
<p>Qty : 1</p> <p>Qty : 1</p>
@ -96,7 +96,7 @@
<div class="body-right" style="margin-left: 48px;"> <div class="body-right" style="margin-left: 48px;">
<div class="border"> <div class="border">
<h5 style="text-align: center; border-bottom: 1px solid white; margin: 10px;"><b>Order Summary</b></h5> <h5 class="titlesummary"><b>Order Summary</b></h5>
<div class="container"> <div class="container">
<div class="row justify-content-between" style="display: flex; margin: 10px"> <div class="row justify-content-between" style="display: flex; margin: 10px">
<p>Sub Total</p> <p>Sub Total</p>

30
stylebag.css
View file

@ -58,6 +58,15 @@
display: flex; display: flex;
} }
.info{
margin-left: 30px;
}
.titlesummary{
text-align: center;
border-bottom: 1px solid white;
margin: 10px;
}
@media only screen and (max-width: 1000px){ @media only screen and (max-width: 1000px){
.full-body{ .full-body{
display: grid !important; display: grid !important;
@ -69,14 +78,27 @@
} }
@media (max-width: 450px){ @media (max-width: 600px){
.full-body{ .full-body{
font-size: x-small ; font-size: 5px ;
} }
.img{ .img{
width: 40px; width: 30px;
height: 40px; height: 30px;
}
.info{
margin-left: 5px;
}
.titletr{
word-break: keep-all;
}
.titletrdes{
word-break: break-all;
}
.titlesummary{
font-size: 8px;
} }
} }