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

update 08/10

Browse Source
This commit is contained in:
Tieptk
2025-10-08 01:01:48 +07:00
parent b85755ccda
commit 88a702286e
11 changed files with 1104 additions and 252 deletions
Download Patch File Download Diff File Expand all files Collapse all files

362
assets/script/style.css
View File

@@ -318,6 +318,30 @@ html {
.box-tamnhin .content-tamnhin .title {
font-size: 24px;
}
.page-pricing .page-title {
font-size: 24px;
}
.page-pricing .container-tinhnang {
width: 100%;
padding: 0 15px;
}
.page-pricing .container-faq {
width: 100%;
padding: 0 15px;
}
.page-pricing .container-dieukhoan {
width: 100%;
padding: 0 15px;
}
.page-pricing .box-xstore .title {
font-size: 24px;
}
.page-pricing .box-xstore .btn {
width: 200px;
}
.page-pricing .box-faq .title {
font-size: 24px;
}
}
@media (max-width: 1000px) {
body {
@@ -334,10 +358,23 @@ html {
.box-tamnhin .content-tamnhin {
width: 100%;
}
.item-features {
padding: 20px 0 !important;
margin-bottom: 30px !important;
}
.item-features .title {
font-size: 24px;
}
.item-features .note {
font-size: 14px;
}
.item-features .content {
width: 100%;
padding: 0 15px;
}
.item-features .list {
margin: 20px 0 !important;
}
.box-chuyendoi {
width: 100% !important;
}
@@ -347,19 +384,77 @@ html {
.page-features .page-note {
font-size: 18px;
}
.page-features .content-tammoi {
padding-top: 50px;
}
.page-features .content-tammoi .title {
font-size: 24px;
}
.page-features .content-tammoi .list {
margin-bottom: 50px;
}
.page-features .content-tammoi .list span {
font-size: 14px;
}
.page-features .user-xstore .title {
font-size: 24px;
padding: 30px 0;
}
.page-features .user-xstore .btn {
margin-bottom: 40px;
}
.page-features .user-xstore .box-link {
padding: 20px;
}
.page-pricing .list-pricing {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.page-pricing .box-faq {
margin-top: 50px;
}
}
@media (max-width: 834px) {
.homepage .tieuchi .item p {
font-size: 14px;
font-weight: bold;
}
.footer-pc .grid-cols-4 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.page-features .breadcrumb {
padding: 20px 0;
}
.page-features .page-name {
padding-bottom: 30px;
}
.page-features .content-tammoi .list {
margin-bottom: 50px;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.page-features .content-tammoi .list span {
font-size: 14px;
}
}
@media (max-width: 768px) {
.homepage .tieuchi {
width: 100%;
}
.page-features .content-tammoi .list {
margin-bottom: 50px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.page-features .content-tammoi .list span {
font-size: 14px;
}
.page-free-trial .container-faq {
width: 100%;
padding: 0 15px;
}
.page-free-trial .content-from-trial {
padding: 0 15px;
}
.page-free-trial .page-title {
font-size: 24px;
}
}
@media (max-width: 680px) {
.homepage .tieuchi {
@@ -382,6 +477,53 @@ html {
.footer-pc {
display: none;
}
.page-features .content-tammoi .w-\[calc\(100\%\/4\)\],
.page-features .content-tammoi .w-\[calc\(100\%\/5\)\] {
width: 100%;
}
.page-free-trial .content-from-trial .list {
grid-template-columns: repeat(1, minmax(0, 1fr));
padding: 30px 0;
}
.page-pricing .page-title {
font-size: 20px;
}
.page-pricing .box-tinhnang {
margin-top: 50px;
}
.page-pricing .box-tinhnang h2 {
font-size: 20px;
}
.page-pricing .box-tinhnang .content-faq {
overflow: auto;
}
.page-pricing .box-tinhnang .table tr {
height: 45px;
line-height: 45px;
}
.page-pricing .box-tinhnang .table td {
white-space: nowrap;
padding: 0 10px;
}
.page-pricing .box-tinhnang .table th {
white-space: nowrap;
}
.page-pricing .box-tinhnang .table p {
width: 100%;
}
.page-pricing .box-xstore {
margin-top: 50px;
}
.page-pricing .box-xstore .title {
font-size: 20px;
padding: 0 15px;
}
.page-pricing .box-faq .title {
font-size: 20px;
}
.page-login .content-login {
width: 96%;
}
}
@media (max-width: 480px) {
.homepage .banner .title {
@@ -439,4 +581,222 @@ html {
.box-tamnhin .box-faq .item-faq .title {
font-size: 16px;
}
.page-features .page-name {
padding-bottom: 10px;
}
.page-features .page-title {
font-size: 20px;
padding-bottom: 10px;
}
.page-features .page-note {
font-size: 16px;
padding-bottom: 10px;
}
.page-features .content-tammoi {
padding-top: 20px;
}
.page-features .content-tammoi .title {
font-size: 20px;
padding: 0 15px;
}
.page-features .content-tammoi .list {
margin-bottom: 50px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.page-features .content-tammoi .list a {
padding: 0 10px;
}
.page-features .content-tammoi .list span {
font-size: 13px;
}
.page-features .content-chuyendoi {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.page-features .content-chuyendoi .name-chuyendoi {
font-size: 14px;
margin-bottom: 10px;
}
.page-features .content-chuyendoi .note-chuyendoi {
font-size: 14px;
}
.page-features .content-top-features {
padding-bottom: 20px;
}
.page-features .user-xstore .title {
font-size: 20px;
padding: 30px 0;
}
.page-features .user-xstore .btn {
margin-bottom: 40px;
font-size: 14px;
width: 200px;
}
.page-features .user-xstore .box-link {
padding: 20px;
}
.page-features .user-xstore .list-xstore {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.page-features .list.list-tab a {
width: 100%;
}
.item-features .box-image {
margin-top: 20px;
padding: 10px !important;
}
.item-features .box-image img {
display: block;
height: auto;
}
.item-features .list-faq {
margin-top: 20px;
}
.box-tamnhin .box-faq .btn {
width: 150px;
}
.box-tamnhin .box-faq .btn p {
font-size: 16px;
}
.box-tamnhin .box-faq .btn i {
margin-top: 0;
}
.page-free-trial .breadcrumb {
padding: 20px 0;
}
.page-free-trial .page-title {
font-size: 20px;
}
.page-free-trial .page-name {
margin: 30px 0;
}
.page-free-trial .from-trial {
margin-top: -345px;
}
.page-free-trial .content-from-trial .list {
padding: 15px 0;
}
.page-free-trial .content-from-trial .left b {
font-size: 15px;
}
.page-free-trial .content-from-trial .left p {
font-size: 14px;
}
.page-free-trial .content-from-trial .box-form {
padding: 15px;
}
.page-free-trial .content-from-trial .box-form .title {
font-size: 20px;
}
.page-free-trial .box-faq {
margin-top: 30px;
}
.page-free-trial .box-faq .title {
font-size: 24px;
}
.page-free-trial .box-faq .title-faq b {
font-size: 14px;
}
.page-pricing .page-title {
font-size: 18px;
}
.page-pricing .list-pricing {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
@media (max-width: 435px) {
.homepage .banner .title {
font-size: 18px;
line-height: 28px;
}
.homepage .banner .btn {
margin-top: 30px;
margin-bottom: 30px;
}
.box-benefit .title {
font-size: 18px;
}
.icon_2025.checkbox {
width: 35px;
height: 40px;
background-position: 0 0;
background-size: 185px 165px;
}
.icon_2025.boxreview {
width: 35px;
height: 43px;
background-position: -69px 0;
background-size: 185px 165px;
}
.icon_2025.cart {
width: 40px;
height: 40px;
background-position: -141px 0;
background-size: 185px 165px;
}
.homepage .tieuchi p {
font-size: 16px !important;
font-weight: bold;
}
.box-benefit .item .title {
font-size: 15px;
}
.box-platforms .box-item h3 {
font-size: 16px;
}
.box-platforms .box-item ul {
margin-top: 10px;
margin-bottom: 10px;
font-size: 14px;
}
.box-product-sell .content h2 {
font-size: 16px;
}
.box-product-sell .content p {
font-size: 14px;
margin-top: 10px;
margin-bottom: 10px;
}
.box-tamnhin .title {
font-size: 18px;
}
.box-platforms .box-item {
margin-bottom: 30px;
}
.box-tamnhin .item-tamnhin img {
margin-bottom: 20px;
}
.box-tamnhin .item-tamnhin b {
font-size: 16px;
}
.box-tamnhin .item-tamnhin p {
font-size: 14px;
margin-top: 10px;
margin-bottom: 10px;
}
.box-tamnhin .box-faq h2 {
font-size: 16px;
margin-bottom: 20px;
}
.box-tamnhin .item-faq b {
font-size: 14px;
}
.page-features .content-tammoi .title {
font-size: 18px;
}
.item-features .note {
padding: 0 10px;
font-size: 14px;
}
.item-features .item-faq b {
font-size: 14px;
}
.item-features .item-faq .title-faq {
padding: 15px 10px 0 10px;
}
.page-features .user-xstore .btn {
margin-bottom: 30px;
}
.page-features .list-xstore span {
font-size: 14px;
}
}/*# sourceMappingURL=style.css.map */

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

File diff suppressed because one or more lines are too long

434
assets/script/style.scss
View File

@@ -344,6 +344,36 @@ html {
}
}
}
.page-pricing {
.page-title {
font-size: 24px;
}
.container-tinhnang {
width: 100%;
padding: 0 15px;
}
.container-faq {
width: 100%;
padding: 0 15px;
}
.container-dieukhoan {
width: 100%;
padding: 0 15px;
}
.box-xstore {
.title {
font-size: 24px;
}
.btn {
width: 200px;
}
}
.box-faq {
.title {
font-size: 24px;
}
}
}
}
@media (max-width: 1000px) {
@@ -363,10 +393,21 @@ html {
}
.item-features {
padding: 20px 0 !important;
margin-bottom: 30px !important;
.title {
font-size: 24px;
}
.note {
font-size: 14px;
}
.content {
width: 100%;
padding: 0 15px;
}
.list {
margin: 20px 0 !important;
}
}
.box-chuyendoi {
width: 100% !important;
@@ -378,13 +419,46 @@ html {
.page-note {
font-size: 18px;
}
.content-tammoi {
padding-top: 50px;
.title {
font-size: 24px;
}
.list {
margin-bottom: 50px;
span {
font-size: 14px;
}
}
}
.user-xstore {
.title {
font-size: 24px;
padding: 30px 0;
}
.btn {
margin-bottom: 40px;
}
.box-link {
padding: 20px;
}
}
}
.page-pricing {
.list-pricing {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.box-faq {
margin-top: 50px;
}
}
}
@media (max-width: 834px) {
.homepage .tieuchi {
.item p {
font-size: 14px;
font-weight: bold;
}
}
.footer-pc {
@@ -392,12 +466,54 @@ html {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.page-features {
.breadcrumb {
padding: 20px 0;
}
.page-name {
padding-bottom: 30px;
}
.content-tammoi {
.list {
margin-bottom: 50px;
grid-template-columns: repeat(3, minmax(0, 1fr));
span {
font-size: 14px;
}
}
}
}
}
@media (max-width: 768px) {
.homepage .tieuchi {
width: 100%;
}
.page-features {
.content-tammoi {
.list {
margin-bottom: 50px;
grid-template-columns: repeat(2, minmax(0, 1fr));
span {
font-size: 14px;
}
}
}
}
.page-free-trial {
.container-faq {
width: 100%;
padding: 0 15px;
}
.content-from-trial {
padding: 0 15px;
}
.page-title {
font-size: 24px;
}
}
}
@media (max-width: 680px) {
@@ -421,6 +537,63 @@ html {
.footer-pc {
display: none;
}
.page-features .content-tammoi .w-\[calc\(100\%\/4\)\],
.page-features .content-tammoi .w-\[calc\(100\%\/5\)\] {
width: 100%;
}
.page-free-trial {
.content-from-trial {
.list {
grid-template-columns: repeat(1, minmax(0, 1fr));
padding: 30px 0;
}
}
}
.page-pricing {
.page-title {
font-size: 20px;
}
.box-tinhnang {
margin-top: 50px;
h2 {
font-size: 20px;
}
.content-faq {
overflow: auto;
}
.table {
tr {
height: 45px;
line-height: 45px;
}
td {
white-space: nowrap;
padding: 0 10px;
}
th {
white-space: nowrap;
}
p {
width: 100%;
}
}
}
.box-xstore {
margin-top: 50px;
.title {
font-size: 20px;
padding: 0 15px;
}
}
.box-faq {
.title {
font-size: 20px;
}
}
}
.page-login .content-login {
width: 96%;
}
}
@media (max-width: 480px) {
@@ -487,4 +660,263 @@ html {
}
}
}
.page-features {
.page-name {
padding-bottom: 10px;
}
.page-title {
font-size: 20px;
padding-bottom: 10px;
}
.page-note {
font-size: 16px;
padding-bottom: 10px;
}
.content-tammoi {
padding-top: 20px;
.title {
font-size: 20px;
padding: 0 15px;
}
.list {
margin-bottom: 50px;
grid-template-columns: repeat(2, minmax(0, 1fr));
a {
padding: 0 10px;
}
span {
font-size: 13px;
}
}
}
.content-chuyendoi {
grid-template-columns: repeat(1, minmax(0, 1fr));
.name-chuyendoi {
font-size: 14px;
margin-bottom: 10px;
}
.note-chuyendoi {
font-size: 14px;
}
}
.content-top-features {
padding-bottom: 20px;
}
.user-xstore {
.title {
font-size: 20px;
padding: 30px 0;
}
.btn {
margin-bottom: 40px;
font-size: 14px;
width: 200px;
}
.box-link {
padding: 20px;
}
.list-xstore {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.list.list-tab a {
width: 100%;
}
}
.item-features {
.box-image {
margin-top: 20px;
padding: 10px !important;
img {
display: block;
height: auto;
}
}
.list-faq {
margin-top: 20px;
}
}
.box-tamnhin {
.box-faq .btn {
width: 150px;
p {
font-size: 16px;
}
i {
margin-top: 0;
}
}
}
.page-free-trial {
.breadcrumb {
padding: 20px 0;
}
.page-title {
font-size: 20px;
}
.page-name {
margin: 30px 0;
}
.from-trial {
margin-top: -345px;
}
.content-from-trial {
.list {
padding: 15px 0;
}
.left {
b {
font-size: 15px;
}
p {
font-size: 14px;
}
}
.box-form {
padding: 15px;
.title {
font-size: 20px;
}
}
}
.box-faq {
margin-top: 30px;
.title {
font-size: 24px;
}
.title-faq b {
font-size: 14px;
}
}
}
.page-pricing {
.page-title {
font-size: 18px;
}
.list-pricing {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
}
@media (max-width: 435px) {
.homepage .banner .title {
font-size: 18px;
line-height: 28px;
}
.homepage .banner .btn {
margin-top: 30px;
margin-bottom: 30px;
}
.box-benefit .title {
font-size: 18px;
}
.icon_2025 {
&.checkbox {
width: 35px;
height: 40px;
background-position: 0 0;
background-size: 185px 165px;
}
&.boxreview {
width: 35px;
height: 43px;
background-position: -69px 0;
background-size: 185px 165px;
}
&.cart {
width: 40px;
height: 40px;
background-position: -141px 0;
background-size: 185px 165px;
}
}
.homepage .tieuchi p {
font-size: 16px !important;
font-weight: bold;
}
.box-benefit .item .title {
font-size: 15px;
}
.box-platforms {
.box-item {
h3 {
font-size: 16px;
}
ul {
margin-top: 10px;
margin-bottom: 10px;
font-size: 14px;
}
}
}
.box-product-sell {
.content {
h2 {
font-size: 16px;
}
p {
font-size: 14px;
margin-top: 10px;
margin-bottom: 10px;
}
}
}
.box-tamnhin .title {
font-size: 18px;
}
.box-platforms .box-item {
margin-bottom: 30px;
}
.box-tamnhin {
.item-tamnhin {
img {
margin-bottom: 20px;
}
b {
font-size: 16px;
}
p {
font-size: 14px;
margin-top: 10px;
margin-bottom: 10px;
}
}
.box-faq h2 {
font-size: 16px;
margin-bottom: 20px;
}
.item-faq {
b {
font-size: 14px;
}
}
}
.page-features .content-tammoi .title {
font-size: 18px;
}
.item-features {
.note {
padding: 0 10px;
font-size: 14px;
}
.item-faq {
b {
font-size: 14px;
}
.title-faq {
padding: 15px 10px 0 10px;
}
}
}
.page-features .user-xstore .btn {
margin-bottom: 30px;
}
.page-features .list-xstore {
span {
font-size: 14px;
}
}
}