issue #11 Done shooping cart on amenity category item selection.

This commit is contained in:
Paul Kim
2024-03-15 22:37:30 +09:00
parent d805f4bb44
commit 2b36279807
2 changed files with 256 additions and 116 deletions

View File

@@ -534,10 +534,10 @@
}
.popup .amenity .bg .am_item_sel_win .winleft>.tbl_header tbody tr>#title {
width: 50%;
width: 45%;
float: left;
/* text-align: left; */
padding: 0 0px 0 80px;
padding: 0 0px 0 20px;
}
.popup .amenity .bg .am_item_sel_win .winleft>.tbl_header tbody tr>#price {
@@ -546,7 +546,7 @@
}
.popup .amenity .bg .am_item_sel_win .winleft>.tbl_header tbody tr>#status {
width: 30%;
width: 35%;
float: left;
padding: 0px 30px 0 0px;
}
@@ -579,7 +579,7 @@
height: 52px;
width: 100%;
font-size: 30px;
/* line-height: 54px; */
line-height: 52px;
border-bottom: 2px solid rgb(21, 27, 34);
}
@@ -601,8 +601,15 @@
color: rgb(121, 121, 121);
}
.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record tbody tr>.amctgyItem.focus.unavailable:before {
}
.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record tbody tr>.amctgyItem.focus.unavailable:after {
}
.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record tbody tr>.amctgyItem>#title {
width: 50%;
width: 45%;
float: left;
padding: 0px 0px 0px 20px;
}
@@ -614,7 +621,7 @@
}
.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record tbody tr>.amctgyItem>#status {
width: 30%;
width: 35%;
float: left;
/* text-align: right; */
padding: 0px 30px 0 0px;
@@ -679,6 +686,33 @@
margin: 10px 25px 10px 25px;
}
.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_win .winright .amItemDescThumb.unavailable:before {
/* content: 'Not available';
width: 100%;
height: 100%;
transform: rotate(-30deg);
top: 0;
left: 0;
font-size: 7em;
font-weight: bolder;
color: rgba(1,1,1,1);
opacity: 0.7;
display: block;
align-items: center;
line-height: 479px;
text-align: center; */
}
.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_win .winright .amItemDescThumb.unavailable:after {
/* content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #000;
opacity: 0.6 */
}
.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_win .winright .amItemDescDetails{
width: 852px;
height: 238px;
@@ -757,12 +791,13 @@
}
.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winleft>.control #img_thumbnail{
width: 42%;
width: 40%;
height: 228px;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
float: left;
margin: 0px 0px 0px 2%;
}
.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winleft>.control>.quantity{
@@ -824,7 +859,7 @@
height: 54px;
width: 100%;
line-height: 54px;
font-size: 44px;
font-size: 38px;
white-space: pre-wrap;
text-overflow: ellipsis;
overflow: hidden;
@@ -868,13 +903,13 @@
background-color: rgba(173,255,47,1.0);
}
.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winleft>.buttons #btn_addtocart{
.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winleft>.buttons #btn_ordernow{
/* border-radius: 14px; */
/* background-color: rgba(255,255,255,1.0); */
margin: 0px 20px 0px 0px;
}
.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winleft>.buttons #btn_ordernow{
.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winleft>.buttons #btn_addtocart{
/* border-radius: 14px; */
/* background-color: rgba(255,255,255,1.0); */
margin: 0px 20px 0px 20px;
@@ -950,16 +985,16 @@
width: 50%;
float: left;
/* text-align: left; */
padding: 0 0px 0 80px;
padding: 0 0px 0 20px;
}
.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.cart_table>.tbl_header tbody tr>#quantity {
width: 25%;
width: 20%;
float: left;
}
.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.cart_table>.tbl_header tbody tr>#amount {
width: 25%;
width: 30%;
float: left;
padding: 0px 30px 0 0px;
}
@@ -992,7 +1027,7 @@
height: 52px;
width: 100%;
font-size: 30px;
/* line-height: 54px; */
line-height: 52px;
border-bottom: 2px solid rgb(21, 27, 34);
}
@@ -2138,6 +2173,7 @@
left: 73%;
width: 26%;
height: 10%;
z-index: 3;
}
.popup>.notification>.balloon {