From 0265278d405924f9d42a0826fea03afc9dc2e4f0 Mon Sep 17 00:00:00 2001 From: TC Wang Date: Sun, 14 Aug 2022 22:44:59 +0800 Subject: [PATCH 1/2] fix(index): adjust rwd styles --- components/intro/Intro.vue | 17 ++++++++++++++- components/intro/IntroMilestone.vue | 4 +--- pages/index.vue | 32 +++++++++++++++++++++-------- 3 files changed, 41 insertions(+), 12 deletions(-) diff --git a/components/intro/Intro.vue b/components/intro/Intro.vue index 807f62ad79..65313419b5 100644 --- a/components/intro/Intro.vue +++ b/components/intro/Intro.vue @@ -5,6 +5,7 @@

{{ $t('whatIsPyConAPACContent') }} @@ -14,6 +15,7 @@

{{ $t('pyConWillBeHeldOnlineContent') }} @@ -21,7 +23,12 @@ - + +

diff --git a/components/intro/IntroMilestone.vue b/components/intro/IntroMilestone.vue index 3a6b911784..f52ee2d755 100644 --- a/components/intro/IntroMilestone.vue +++ b/components/intro/IntroMilestone.vue @@ -35,8 +35,6 @@ export default { .milestone__unit { @apply text-2xl; @media (max-width: 833px) { - position: relative; - bottom: -30px; font-size: 1.2rem; } } @@ -60,7 +58,7 @@ export default { .milestone__unit { @apply mb-2; @media (max-width: 833px) { - top: -8px; + @apply mb-12; } } diff --git a/pages/index.vue b/pages/index.vue index 4a406a81cd..40b9e58c49 100644 --- a/pages/index.vue +++ b/pages/index.vue @@ -44,20 +44,21 @@ {{ $t('callForProposals') }}
+
+ {{ + $t('getTicket') + }} +
-
- {{ - $t('getTicket') - }} -
@@ -65,6 +66,7 @@ Date: Thu, 25 Aug 2022 15:41:06 +0800 Subject: [PATCH 2/2] feat(index): update hero img for rwd mode --- pages/index.vue | 6 ++++-- static/page-home-background-rwd.svg | 9 +++++++++ 2 files changed, 13 insertions(+), 2 deletions(-) create mode 100644 static/page-home-background-rwd.svg diff --git a/pages/index.vue b/pages/index.vue index 40b9e58c49..0fcad0da86 100644 --- a/pages/index.vue +++ b/pages/index.vue @@ -182,8 +182,10 @@ export default { @media (max-width: 567px) { .page-home .page-homeLandingFocus::after { - background-position: -35vw center; - background-size: 150vw; + content: ''; + background-image: url('~@/static/page-home-background-rwd.svg'); + background-position: center top 10%; + background-size: contain; background-repeat: no-repeat; } .page-home__title { diff --git a/static/page-home-background-rwd.svg b/static/page-home-background-rwd.svg new file mode 100644 index 0000000000..01caf30008 --- /dev/null +++ b/static/page-home-background-rwd.svg @@ -0,0 +1,9 @@ + + + + + + + + +