From d52a991dad6bc1c21dbe64f13523896edc489182 Mon Sep 17 00:00:00 2001 From: Tykayn Date: Thu, 1 Jun 2023 12:27:37 +0200 Subject: [PATCH] responsive bottom categories --- .../sesame/src/assets/styles/0-general.scss | 2 +- .../src/assets/styles/_16-our_team.scss | 3 + .../assets/styles/_17-china-achievements.scss | 23 ++++-- .../src/assets/styles/_18-baozun-group.scss | 15 +++- .../sesame/src/components/CoverSection.vue | 76 +++++++++++++++++++ .../sesame/src/components/DisabledSection.vue | 74 ------------------ 6 files changed, 109 insertions(+), 84 deletions(-) diff --git a/sesame-vitejs/sesame/src/assets/styles/0-general.scss b/sesame-vitejs/sesame/src/assets/styles/0-general.scss index 02239e9..11f67f4 100644 --- a/sesame-vitejs/sesame/src/assets/styles/0-general.scss +++ b/sesame-vitejs/sesame/src/assets/styles/0-general.scss @@ -41,7 +41,7 @@ main { } #sprint_4 { - background: #333; + background: #fff; } .primary-color{ diff --git a/sesame-vitejs/sesame/src/assets/styles/_16-our_team.scss b/sesame-vitejs/sesame/src/assets/styles/_16-our_team.scss index 5787a40..f0bb3ae 100644 --- a/sesame-vitejs/sesame/src/assets/styles/_16-our_team.scss +++ b/sesame-vitejs/sesame/src/assets/styles/_16-our_team.scss @@ -28,6 +28,8 @@ margin-bottom: 1rem; width: 100%; max-width: 100%; + padding-left: 0; + margin-left: 0; } .name{ margin-top: 1rem; @@ -50,6 +52,7 @@ } .columns, .colmumn{ display: block; + position: static; } .name{ font-size: 1.5rem; diff --git a/sesame-vitejs/sesame/src/assets/styles/_17-china-achievements.scss b/sesame-vitejs/sesame/src/assets/styles/_17-china-achievements.scss index 513070a..02f1dd0 100644 --- a/sesame-vitejs/sesame/src/assets/styles/_17-china-achievements.scss +++ b/sesame-vitejs/sesame/src/assets/styles/_17-china-achievements.scss @@ -1,8 +1,8 @@ #china_achievements { - + margin-top: 30rem; background: white; min-height: 100vh; - padding: 5rem 172px; + padding: 10rem 172px 0; text-align: left; .title { @@ -21,9 +21,11 @@ color: #020225; } .tiles-box{ - margin-top: 2rem; - + margin-top: 10rem; padding-bottom: 20rem; + .column{ + margin-bottom: 5rem; + } } .offset-left-columns{ @@ -32,9 +34,17 @@ } } -@media screen and (max-width: 1023px) { +@media screen and (max-width: 1500px) { #china_achievements { + margin-top: 895vw; + p{ + font-size: 2rem; + } + .column, .columns{ + position: static; + display: block; + } .offset-left-columns{ margin-left: 0; @@ -51,6 +61,9 @@ margin-left: 0; width: 100%; } + .title{ + width: 100%; + } } } diff --git a/sesame-vitejs/sesame/src/assets/styles/_18-baozun-group.scss b/sesame-vitejs/sesame/src/assets/styles/_18-baozun-group.scss index 404f2bd..fed8c8d 100644 --- a/sesame-vitejs/sesame/src/assets/styles/_18-baozun-group.scss +++ b/sesame-vitejs/sesame/src/assets/styles/_18-baozun-group.scss @@ -1,9 +1,10 @@ -#baozun_group{ +#baozun_group { margin-top: 150px; - background: url('img/baozun.jpg')no-repeat; + background: url('img/baozun.jpg') no-repeat; background-size: cover; - .title{ - color:#FFFDFC; + + .title { + color: #FFFDFC; font-style: normal; font-weight: 600; font-size: 100px; @@ -13,3 +14,9 @@ padding-top: 464px; } } + +@media screen and (max-width: 1500px) { + #baozun_group { + margin-top: 605vw; + } +} diff --git a/sesame-vitejs/sesame/src/components/CoverSection.vue b/sesame-vitejs/sesame/src/components/CoverSection.vue index b5c7b14..fce4bf0 100644 --- a/sesame-vitejs/sesame/src/components/CoverSection.vue +++ b/sesame-vitejs/sesame/src/components/CoverSection.vue @@ -296,6 +296,82 @@ +
+
+
+

+ Our China achievements +

+
+
+

+ Backed by the Baozun Group (the leading e-commerce technology Group + in China listed in NASDAQ and Hong Kong, reaching $10Mn GMV in + 2021), we embrace China’s e-commerce, capitalizing on the market’s + unique technology and digital sales mechanisms. +

+
+
+ +
+
+
+ +
+ +
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+
+

+ Baozun Group +
+ and Company. +

+
+ diff --git a/sesame-vitejs/sesame/src/components/DisabledSection.vue b/sesame-vitejs/sesame/src/components/DisabledSection.vue index 6295a0e..20ee6ba 100644 --- a/sesame-vitejs/sesame/src/components/DisabledSection.vue +++ b/sesame-vitejs/sesame/src/components/DisabledSection.vue @@ -97,81 +97,7 @@ -
-
-
-

- Our China achievements -

-
-
-

- Backed by the Baozun Group (the leading e-commerce technology Group - in China listed in NASDAQ and Hong Kong, reaching $10Mn GMV in - 2021), we embrace China’s e-commerce, capitalizing on the market’s - unique technology and digital sales mechanisms. -

-
-
-
-
-
- -
- -
- -
-
- -
-
- -
-
- -
-
- -
-
-
-
-
-

- Baozun Group -
- and Company. -

-