update 07/10
This commit is contained in:
@@ -97,6 +97,23 @@ html {
|
||||
background-position: -68px -60px;
|
||||
}
|
||||
|
||||
.header-left .menu a {
|
||||
position: relative;
|
||||
}
|
||||
.header-left .menu a::after {
|
||||
position: absolute;
|
||||
content: "";
|
||||
left: 0;
|
||||
bottom: -3px;
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
background: var(--color-blue);
|
||||
display: none;
|
||||
}
|
||||
.header-left .menu a:hover::after {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.homepage .banner {
|
||||
background: url(../images/background-banner.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
@@ -200,4 +217,226 @@ html {
|
||||
background: url(../images/background-login.jpg) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.header-mobile {
|
||||
display: none;
|
||||
}
|
||||
.header-mobile .item-menu {
|
||||
display: block;
|
||||
}
|
||||
.header-mobile .item-menu .text-menu {
|
||||
position: relative;
|
||||
width: -moz-fit-content;
|
||||
width: fit-content;
|
||||
}
|
||||
.header-mobile .item-menu .text-menu::after {
|
||||
position: absolute;
|
||||
content: "";
|
||||
left: 0;
|
||||
bottom: -3px;
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
background: var(--color-blue);
|
||||
display: none;
|
||||
}
|
||||
.header-mobile .item-menu .text-menu:hover::after {
|
||||
display: block;
|
||||
}
|
||||
.header-mobile .item-menu.active .text-menu::after {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.footer-mobile {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (max-width: 1200px) {
|
||||
body {
|
||||
max-width: 1200px !important;
|
||||
}
|
||||
.container {
|
||||
max-width: 1024px !important;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.header-pc {
|
||||
display: none;
|
||||
}
|
||||
.header-mobile {
|
||||
display: block;
|
||||
}
|
||||
.homepage .banner {
|
||||
min-height: auto;
|
||||
}
|
||||
.homepage .banner .title {
|
||||
font-size: 24px;
|
||||
line-height: 32px;
|
||||
}
|
||||
.homepage .banner .image-banner img {
|
||||
height: auto;
|
||||
}
|
||||
.box-benefit {
|
||||
padding: 30px 0 !important;
|
||||
}
|
||||
.box-benefit .title {
|
||||
font-size: 24px;
|
||||
}
|
||||
.box-benefit .item .title {
|
||||
font-size: 18px;
|
||||
}
|
||||
.box-benefit .item .content {
|
||||
font-size: 14px;
|
||||
}
|
||||
.box-platforms {
|
||||
padding: 30px 0 !important;
|
||||
}
|
||||
.box-platforms .title {
|
||||
font-size: 24px;
|
||||
}
|
||||
.box-platforms .content-platforms {
|
||||
width: 100%;
|
||||
padding: 20px;
|
||||
}
|
||||
.box-platforms .box-item .content {
|
||||
padding: 15px;
|
||||
}
|
||||
.box-product-sell {
|
||||
margin: 20px 0 !important;
|
||||
}
|
||||
.box-product-sell .content {
|
||||
padding: 20px 20px 20px 0;
|
||||
}
|
||||
.box-product-sell .item-sell {
|
||||
gap: 20px;
|
||||
}
|
||||
.box-tamnhin {
|
||||
margin-bottom: 50px !important;
|
||||
}
|
||||
.box-tamnhin .title {
|
||||
font-size: 24px;
|
||||
}
|
||||
.box-tamnhin .content-tamnhin .title {
|
||||
font-size: 24px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1000px) {
|
||||
body {
|
||||
max-width: 100% !important;
|
||||
}
|
||||
.container {
|
||||
max-width: 100% !important;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.homepage .tieuchi {
|
||||
width: 100%;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.box-tamnhin .content-tamnhin {
|
||||
width: 100%;
|
||||
}
|
||||
.item-features .content {
|
||||
width: 100%;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.box-chuyendoi {
|
||||
width: 100% !important;
|
||||
}
|
||||
.page-features .page-title {
|
||||
font-size: 24px;
|
||||
}
|
||||
.page-features .page-note {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 834px) {
|
||||
.homepage .tieuchi .item p {
|
||||
font-size: 14px;
|
||||
}
|
||||
.footer-pc .grid-cols-4 {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
}
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.homepage .tieuchi {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@media (max-width: 680px) {
|
||||
.homepage .tieuchi {
|
||||
grid-template-columns: repeat(1, minmax(0, 1fr));
|
||||
}
|
||||
.homepage .tieuchi .item {
|
||||
border-bottom: 1px solid #8a8a8a;
|
||||
border-right: 0;
|
||||
padding: 20px 0;
|
||||
}
|
||||
.homepage .tieuchi .item:last-child {
|
||||
border: 0;
|
||||
}
|
||||
.homepage .banner .title {
|
||||
padding: 64px 15px 0 15px;
|
||||
}
|
||||
.footer-mobile {
|
||||
display: block;
|
||||
}
|
||||
.footer-pc {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
.homepage .banner .title {
|
||||
font-size: 20px;
|
||||
}
|
||||
.box-benefit .title {
|
||||
font-size: 20px;
|
||||
}
|
||||
.box-benefit .list {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
}
|
||||
.box-platforms .content-platforms {
|
||||
padding: 15px;
|
||||
}
|
||||
.box-platforms .title {
|
||||
font-size: 20px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.box-platforms .box-item {
|
||||
grid-template-columns: repeat(1, minmax(0, 1fr));
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.box-platforms .box-item .image {
|
||||
width: 100%;
|
||||
padding: 15px;
|
||||
}
|
||||
.box-platforms .box-item .image a {
|
||||
height: 100%;
|
||||
}
|
||||
.box-platforms .box-item .content {
|
||||
width: 100%;
|
||||
}
|
||||
.box-product-sell .item-sell {
|
||||
grid-template-columns: repeat(1, minmax(0, 1fr));
|
||||
gap: 0;
|
||||
}
|
||||
.box-product-sell .item-sell .content {
|
||||
padding: 15px;
|
||||
}
|
||||
.box-tamnhin .background-tamnhin {
|
||||
padding: 15px;
|
||||
}
|
||||
.box-tamnhin .title {
|
||||
font-size: 20px;
|
||||
}
|
||||
.box-tamnhin .list {
|
||||
grid-template-columns: repeat(1, minmax(0, 1fr));
|
||||
}
|
||||
.box-tamnhin .box-faq {
|
||||
padding: 15px;
|
||||
}
|
||||
.box-tamnhin .box-faq h2 {
|
||||
font-size: 20px;
|
||||
}
|
||||
.box-tamnhin .box-faq .item-faq .title {
|
||||
font-size: 16px;
|
||||
}
|
||||
}/*# sourceMappingURL=style.css.map */
|
||||
@@ -1 +1 @@
|
||||
{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"AAAA;EACI,qBAAA;EACA,qBAAA;ACCJ;;ADCA;EACI,yBAAA;EACA,mBAAA;ACEJ;;ADAA;EACI,UAAA;EACA,sBAAA;ACGJ;;ADDA;EACI,mBAAA;EACA,mBAAA;EACA,gIAAA;ACIJ;;ADKA;EACI,iCAAA;EACA,eAAA;EACA,mBAAA;EACA,iBAAA;EACA,aAAA;EACA,sBAAA;EACA,iBAAA;EACA,8BAAA;EACA,yBAAA;ACFJ;;ADIA;EACI,iCAAA;ACDJ;;ADGA;EACI,WAAA;EACA,WAAA;EACA,cAAA;ACAJ;;ADEA;EACI,4BAAA;EACA,cAAA;ACCJ;;ADEA;EACI,cAAA;EACA,kDAAA;EACA,0BAAA;ACCJ;ADAI;EACI,WAAA;EACA,YAAA;EACA,wBAAA;ACER;ADAI;EACI,WAAA;EACA,YAAA;EACA,4BAAA;ACER;ADAI;EACI,WAAA;EACA,YAAA;EACA,4BAAA;ACER;ADAI;EACI,WAAA;EACA,YAAA;EACA,8BAAA;ACER;ADAI;EACI,WAAA;EACA,YAAA;EACA,gCAAA;ACER;ADAI;EACI,WAAA;EACA,YAAA;EACA,gCAAA;ACER;ADAI;EACI,WAAA;EACA,YAAA;EACA,8BAAA;ACER;ADAI;EACI,WAAA;EACA,YAAA;EACA,gCAAA;ACER;ADAI;EACI,WAAA;EACA,YAAA;EACA,gCAAA;ACER;;ADGI;EACI,0DAAA;EACA,0BAAA;EACA,iBAAA;ACAR;ADEI;EACI,2DAAA;EACA,0BAAA;EACA,2BAAA;ACAR;;ADIA;EACI,kBAAA;EACA,gBAAA;ACDJ;;ADIA;EACI,kBAAA;EACA,MAAA;EACA,WAAA;EACA,UAAA;EACA,cAAA;EACA,WAAA;EACA,UAAA;EACA,YAAA;EACA,+FAAA;EACA,wBAAA;EACA,eAAA;ACDJ;;ADIA;EACI,qBAAA;ACDJ;;ADIA;EACI;IACI,UAAA;ECDN;AACF;ADIA;EACI,aAAA;ACFJ;;ADKA;EACI,wBAAA;EACA,iBAAA;ACFJ;;ADKA;EACI,2DAAA;EACA,0BAAA;EACA,kCAAA;ACFJ;;ADMI;EACI,mBAAA;EACA,kBAAA;EACA,kBAAA;EACA,cAAA;ACHR;ADIQ;EACI,kBAAA;EACA,WAAA;EACA,OAAA;EACA,QAAA;EACA,UAAA;EACA,WAAA;EACA,gBAAA;EACA,8CAAA;ACFZ;;ADMA;EACI,0DAAA;EACA,0BAAA;EACA,iBAAA;ACHJ;;ADQQ;EACI,kBAAA;EACA,YAAA;EACA,YAAA;EACA,SAAA;EACA,UAAA;ACLZ;;ADWI;EACI,aAAA;ACRR;ADUI;EACI,eAAA;ACRR;ADWQ;EACI,kBAAA;EACA,YAAA;EACA,YAAA;EACA,SAAA;EACA,UAAA;ACTZ;;ADcA;EACI,yDAAA;EACA,0BAAA;EACA,2BAAA;ACXJ","file":"style.css"}
|
||||
{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"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","file":"style.css"}
|
||||
@@ -97,6 +97,27 @@ html {
|
||||
}
|
||||
}
|
||||
|
||||
.header-left .menu {
|
||||
a {
|
||||
position: relative;
|
||||
&::after {
|
||||
position: absolute;
|
||||
content: "";
|
||||
left: 0;
|
||||
bottom: -3px;
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
background: var(--color-blue);
|
||||
display: none;
|
||||
}
|
||||
&:hover {
|
||||
&::after {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.homepage {
|
||||
.banner {
|
||||
background: url(../images/background-banner.png) no-repeat;
|
||||
@@ -213,3 +234,257 @@ html {
|
||||
background-size: 100% 100%;
|
||||
background-position: center;
|
||||
}
|
||||
.header-mobile {
|
||||
display: none;
|
||||
.item-menu {
|
||||
display: block;
|
||||
.text-menu {
|
||||
position: relative;
|
||||
width: fit-content;
|
||||
&::after {
|
||||
position: absolute;
|
||||
content: "";
|
||||
left: 0;
|
||||
bottom: -3px;
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
background: var(--color-blue);
|
||||
display: none;
|
||||
}
|
||||
&:hover {
|
||||
&::after {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.active {
|
||||
.text-menu::after {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.footer-mobile {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (max-width: 1200px) {
|
||||
body {
|
||||
max-width: 1200px !important;
|
||||
}
|
||||
.container {
|
||||
max-width: 1024px !important;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.header-pc {
|
||||
display: none;
|
||||
}
|
||||
.header-mobile {
|
||||
display: block;
|
||||
}
|
||||
.homepage {
|
||||
.banner {
|
||||
min-height: auto;
|
||||
.title {
|
||||
font-size: 24px;
|
||||
line-height: 32px;
|
||||
}
|
||||
.image-banner img {
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
.box-benefit {
|
||||
padding: 30px 0 !important;
|
||||
.title {
|
||||
font-size: 24px;
|
||||
}
|
||||
.item {
|
||||
.title {
|
||||
font-size: 18px;
|
||||
}
|
||||
.content {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.box-platforms {
|
||||
padding: 30px 0 !important;
|
||||
.title {
|
||||
font-size: 24px;
|
||||
}
|
||||
.content-platforms {
|
||||
width: 100%;
|
||||
padding: 20px;
|
||||
}
|
||||
.box-item {
|
||||
.content {
|
||||
padding: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.box-product-sell {
|
||||
margin: 20px 0 !important;
|
||||
.content {
|
||||
padding: 20px 20px 20px 0;
|
||||
}
|
||||
.item-sell {
|
||||
gap: 20px;
|
||||
}
|
||||
}
|
||||
.box-tamnhin {
|
||||
margin-bottom: 50px !important;
|
||||
.title {
|
||||
font-size: 24px;
|
||||
}
|
||||
.content-tamnhin {
|
||||
.title {
|
||||
font-size: 24px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1000px) {
|
||||
body {
|
||||
max-width: 100% !important;
|
||||
}
|
||||
.container {
|
||||
max-width: 100% !important;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.homepage .tieuchi {
|
||||
width: 100%;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.box-tamnhin .content-tamnhin {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.item-features {
|
||||
.content {
|
||||
width: 100%;
|
||||
padding: 0 15px;
|
||||
}
|
||||
}
|
||||
.box-chuyendoi {
|
||||
width: 100% !important;
|
||||
}
|
||||
.page-features {
|
||||
.page-title {
|
||||
font-size: 24px;
|
||||
}
|
||||
.page-note {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 834px) {
|
||||
.homepage .tieuchi {
|
||||
.item p {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
.footer-pc {
|
||||
.grid-cols-4 {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.homepage .tieuchi {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 680px) {
|
||||
.homepage .tieuchi {
|
||||
grid-template-columns: repeat(1, minmax(0, 1fr));
|
||||
}
|
||||
.homepage .tieuchi .item {
|
||||
border-bottom: 1px solid #8a8a8a;
|
||||
border-right: 0;
|
||||
padding: 20px 0;
|
||||
&:last-child {
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
.homepage .banner .title {
|
||||
padding: 64px 15px 0 15px;
|
||||
}
|
||||
.footer-mobile {
|
||||
display: block;
|
||||
}
|
||||
.footer-pc {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.homepage .banner .title {
|
||||
font-size: 20px;
|
||||
}
|
||||
.box-benefit .title {
|
||||
font-size: 20px;
|
||||
}
|
||||
.box-benefit .list {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
}
|
||||
.box-platforms {
|
||||
.content-platforms {
|
||||
padding: 15px;
|
||||
}
|
||||
.title {
|
||||
font-size: 20px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.box-item {
|
||||
grid-template-columns: repeat(1, minmax(0, 1fr));
|
||||
flex-wrap: wrap;
|
||||
.image {
|
||||
width: 100%;
|
||||
padding: 15px;
|
||||
a {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
.content {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
.box-product-sell {
|
||||
.item-sell {
|
||||
grid-template-columns: repeat(1, minmax(0, 1fr));
|
||||
gap: 0;
|
||||
.content {
|
||||
padding: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.box-tamnhin {
|
||||
.background-tamnhin {
|
||||
padding: 15px;
|
||||
}
|
||||
.title {
|
||||
font-size: 20px;
|
||||
}
|
||||
.list {
|
||||
grid-template-columns: repeat(1, minmax(0, 1fr));
|
||||
}
|
||||
.box-faq {
|
||||
padding: 15px;
|
||||
h2 {
|
||||
font-size: 20px;
|
||||
}
|
||||
.item-faq {
|
||||
.title {
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user