tieptk/bestpc
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

update 7/5

Browse Source
This commit is contained in:
Tieptk
2025-05-07 16:03:56 +07:00
parent fc94c6fd1a
commit b798003ec9
19 changed files with 1321 additions and 168 deletions
Download Patch File Download Diff File Expand all files Collapse all files

105
src/assets/css/style.css
View File

@@ -1,6 +1,7 @@
:root {
--color-global: #462f91;
--color-title: #0d0d9c;
--color-hover: #1877f2;
}
::-webkit-scrollbar-track {
@@ -32,7 +33,7 @@ html {
body {
font-family: "Roboto", sans-serif;
font-size: 14px;
font-size: 16px;
background: #fff;
min-width: 1400px;
color: #303030;
@@ -57,6 +58,11 @@ html {
height: 24px;
background-position: -70px 0;
}
.icon_2025.search-2 {
width: 24px;
height: 24px;
background-position: -102px 0;
}
.icon_2025.user {
width: 26px;
height: 26px;
@@ -105,7 +111,12 @@ html {
.icon_2025.heart {
width: 24px;
height: 24px;
background-position: -98px -141px;
background-position: -98px -123px;
}
.icon_2025.shop-blue {
width: 24px;
height: 24px;
background-position: -100px -147px;
}
.icon_2025.link {
width: 14px;
@@ -193,6 +204,51 @@ html {
height: 24px;
background-position: -126px -124px;
}
.icon_2025.showroom {
width: 24px;
height: 24px;
background-position: -119px -69px;
}
.icon_2025.phone {
width: 18px;
height: 18px;
background-position: -167px -4px;
}
.icon_2025.earth {
width: 22px;
height: 24px;
background-position: 0 -102px;
}
.icon_2025.copy {
width: 20px;
height: 20px;
background-position: -208px -71px;
}
.icon_2025.history {
width: 24px;
height: 24px;
background-position: -45px -102px;
}
.icon_2025.download {
width: 22px;
height: 22px;
background-position: -74px -102px;
}
.icon_2025.return {
width: 18px;
height: 18px;
background-position: -155px -105px;
}
.icon_2025.close {
width: 16px;
height: 16px;
background-position: -160px -126px;
}
.icon_2025.print {
width: 18px;
height: 19px;
background-position: -187px -4px;
}
.icon-star {
background: url(../images/icon_star.png) no-repeat;
@@ -901,7 +957,7 @@ html {
width: 100%;
height: 44px;
padding: 0 20px;
border-radius: 12px;
border-radius: 4px;
border: 1px solid #c1c1c1;
font-size: 13px;
color: #9c9c9c;
@@ -991,4 +1047,47 @@ html {
background-position: -212px -152px;
transform: rotate(90deg);
z-index: 1;
}
.select-arrow {
position: relative;
background: #fff;
height: 40px;
border: 1px solid #d5d5d5;
border-radius: 4px;
line-height: 40px;
}
.select-arrow select {
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
background: transparent;
outline: 0;
width: 100%;
padding: 0 30px 0 10px;
z-index: 2;
}
.select-arrow::before {
position: absolute;
content: "";
right: 10px;
top: 15px;
z-index: 1;
width: 16px;
height: 8px;
background: #777777;
-webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
clip-path: polygon(50% 100%, 0 0, 100% 0);
}
.box-form-store input {
height: 40px;
}
@media (max-width: 1600px) {
#js-box-list-review .list-review {
max-height: 450px;
}
}/*# sourceMappingURL=style.css.map */

2
src/assets/css/style.css.map
View File

File diff suppressed because one or more lines are too long

107
src/assets/css/style.scss
View File

@@ -1,6 +1,7 @@
:root {
--color-global: #462f91;
--color-title: #0d0d9c;
--color-hover: #1877f2;
}
::-webkit-scrollbar-track {
background-color: #f5f5f5;
@@ -34,7 +35,7 @@ html {
}
body {
font-family: "Roboto", sans-serif;
font-size: 14px;
font-size: 16px;
background: #fff;
min-width: 1400px;
color: #303030;
@@ -42,6 +43,7 @@ body {
html {
font-family: "Roboto", sans-serif;
}
.icon_2025 {
background: url(../images/icon_2025.png) no-repeat;
background-size: 228px 175px;
@@ -56,6 +58,11 @@ html {
height: 24px;
background-position: -70px 0;
}
&.search-2 {
width: 24px;
height: 24px;
background-position: -102px 0;
}
&.user {
width: 26px;
height: 26px;
@@ -104,7 +111,12 @@ html {
&.heart {
width: 24px;
height: 24px;
background-position: -98px -141px;
background-position: -98px -123px;
}
&.shop-blue {
width: 24px;
height: 24px;
background-position: -100px -147px;
}
&.link {
width: 14px;
@@ -193,6 +205,51 @@ html {
height: 24px;
background-position: -126px -124px;
}
&.showroom {
width: 24px;
height: 24px;
background-position: -119px -69px;
}
&.phone {
width: 18px;
height: 18px;
background-position: -167px -4px;
}
&.earth {
width: 22px;
height: 24px;
background-position: 0 -102px;
}
&.copy {
width: 20px;
height: 20px;
background-position: -208px -71px;
}
&.history {
width: 24px;
height: 24px;
background-position: -45px -102px;
}
&.download {
width: 22px;
height: 22px;
background-position: -74px -102px;
}
&.return {
width: 18px;
height: 18px;
background-position: -155px -105px;
}
&.close {
width: 16px;
height: 16px;
background-position: -160px -126px;
}
&.print {
width: 18px;
height: 19px;
background-position: -187px -4px;
}
}
.icon-star {
@@ -959,7 +1016,7 @@ html {
width: 100%;
height: 44px;
padding: 0 20px;
border-radius: 12px;
border-radius: 4px;
border: 1px solid #c1c1c1;
font-size: 13px;
color: #9c9c9c;
@@ -1047,3 +1104,47 @@ html {
z-index: 1;
}
}
.select-arrow {
position: relative;
background: #fff;
height: 40px;
border: 1px solid #d5d5d5;
border-radius: 4px;
line-height: 40px;
select {
position: relative;
appearance: none;
border: 0;
background: transparent;
outline: 0;
width: 100%;
padding: 0 30px 0 10px;
z-index: 2;
}
&::before {
position: absolute;
content: "";
right: 10px;
top: 15px;
z-index: 1;
width: 16px;
height: 8px;
background: #777777;
clip-path: polygon(50% 100%, 0 0, 100% 0);
}
}
.box-form-store {
input {
height: 40px;
}
}
@media (max-width: 1600px) {
#js-box-list-review {
.list-review {
max-height: 450px;
}
}
}

BIN
src/assets/images/icon_2025.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 41 KiB

After

Width:  |  Height:  |  Size: 42 KiB

BIN
src/assets/images/lienkien-ram.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.6 KiB