ducdt/giao_dien_web_mau
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Giao dien hoan chinh 6/6

Browse Source
This commit is contained in:
Dao Duc
2023-04-10 17:06:38 +07:00
parent df655fb939
commit e0e22cfe44
16 changed files with 5485 additions and 1202 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2332
demo-thoitrang-1/scss/mobile_css.css
View File

File diff suppressed because it is too large Load Diff

2
demo-thoitrang-1/scss/mobile_css.css.map
View File

File diff suppressed because one or more lines are too long

1746
demo-thoitrang-1/scss/mobile_css.scss
View File

File diff suppressed because it is too large Load Diff

68
demo-thoitrang-1/scss/pc_style.css
View File

@@ -8,6 +8,7 @@ body {
word-break: break-word;
counter-reset: section;
font-weight: 400;
-webkit-text-size-adjust: 100%;
}
.bg-grey {
@@ -197,7 +198,7 @@ iframe {
color: #FE7801;
}
.color-main, .global-breadcrumb li:last-child a, .p-item:hover a {
.color-main, .p-item:hover a {
color: #FF0000;
}
@@ -2305,6 +2306,54 @@ iframe {
font-size: 15px;
}
.rating-selection {
display: inline-block;
}
.rating-selection .title {
float: right;
margin-right: 10px;
}
.rating-selection label {
float: right;
}
.rating-selection input {
opacity: 0;
}
.rating-selection label {
position: relative;
float: right;
display: block;
width: 17px;
height: 17px;
background: url("../images/star_rating.png") 0 -28px;
margin: 0 3px;
}
.rating-selection label.active, .rating-selection label.active ~ label {
background-position: 0 18px;
}
.rating-selection label:hover ~ label, .rating-selection label:hover {
background-position: 0 0 !important;
}
.pd-comment-container .rating-holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.pd-comment-container .rating-holder p {
margin: 0 10px 0 0;
}
.pd-comment-container .box-title-group {
padding: 0;
}
@@ -2805,6 +2854,7 @@ iframe {
font-size: 16px;
width: 100%;
max-width: 190px;
border: 0;
}
.cart-step-2 .payment-item {
@@ -2904,8 +2954,17 @@ iframe {
padding: 15px 0;
}
.cart-summary-group .cart-btn-group td {
border: 0;
.cart-summary-group .cart-btn-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 10px 0;
}
.cart-summary-group .cart-btn-group a {
@@ -2916,6 +2975,9 @@ iframe {
}
.cart-summary-group .cart-btn-group button {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
height: 44px;
color: #fff;
background-color: #000;

2
demo-thoitrang-1/scss/pc_style.css.map
View File

File diff suppressed because one or more lines are too long

24
demo-thoitrang-1/scss/pc_style.scss
View File

@@ -8,6 +8,7 @@ body{
word-break: break-word;
counter-reset: section;
font-weight: 400;
-webkit-text-size-adjust: 100%;
}
.bg-grey{
background: #F8F8F8;
@@ -372,9 +373,6 @@ iframe {
&::after{
content: none;
}
a{
@extend .color-main;
}
}
}
h1{
@@ -1630,7 +1628,16 @@ iframe {
}
}
.rating-selection{display:inline-block;}
.rating-selection .title{float:right;margin-right:10px;}
.rating-selection label{float:right;}
.rating-selection input{opacity:0;}
.rating-selection label{position:relative;float:right;display:block;width:17px;height:17px;background:url('../images/star_rating.png') 0 -28px;margin:0 3px;}
.rating-selection label.active,.rating-selection label.active ~ label{background-position:0 18px;}
.rating-selection label:hover ~ label,.rating-selection label:hover{background-position:0 0 !important;}
.pd-comment-container {
.rating-holder {display: flex;align-items: center;}
.rating-holder p {margin: 0 10px 0 0;}
.box-title-group {
padding: 0;
p {
@@ -2017,6 +2024,7 @@ iframe {
font-size: 16px;
width: 100%;
max-width: 190px;
border: 0;
}
}
.payment-item{
@@ -2097,16 +2105,18 @@ iframe {
padding: 15px 0;
}
.cart-btn-group{
td{
border: 0;
}
display: flex;
align-items: center;
justify-content: space-between;
margin: 10px 0;
a{
font-weight: 500;
font-size: 16px;
line-height: 19px;
text-transform: uppercase;
text-transform: uppercase;
}
button{
order: 1;
height: 44px;
color: #fff;
background-color: #000;