nekoya/web
nekoya/web
1
0
Fork 0
mirror of https://gitlab.com/nekoya/web.git synced 2024-11-29 19:52:39 +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" >
<table class="table" style="color: white; margin-right: 48px;">
<thead>
<tr>
<tr class="titletr">
<th scope="col">Item</th>
<th scope="col">Qty</th>
<th scope="col">Item Price</th>
@ -57,9 +57,9 @@
</tr>
</thead>
<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">
<div style="margin-left: 30px;">
<div class="info" >
<p>Fashione Shoes</p>
<p>Size : 8</p>
<p>Qty : 1</p>
@ -70,7 +70,7 @@
</tr>
<tr>
<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>Size : 8</p>
<p>Qty : 1</p>
@ -81,7 +81,7 @@
</tr>
<tr>
<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>Size : 8</p>
<p>Qty : 1</p>
@ -96,7 +96,7 @@
<div class="body-right" style="margin-left: 48px;">
<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="row justify-content-between" style="display: flex; margin: 10px">
<p>Sub Total</p>

30
stylebag.css
View file

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