diff --git a/src/pages/Discovery/components/CardSwiper/styles/index.scss b/src/pages/Discovery/components/CardSwiper/styles/index.scss index a751e53..7be73e4 100644 --- a/src/pages/Discovery/components/CardSwiper/styles/index.scss +++ b/src/pages/Discovery/components/CardSwiper/styles/index.scss @@ -5,7 +5,7 @@ .swiper-stage { position: relative; width: 100%; - height: 270px; + height: 265px; overflow: hidden; } @@ -33,7 +33,7 @@ overflow: hidden; border-radius: 24px; background: #ffffff; - box-shadow: 0 12px 20px rgba(15, 23, 42, 0.14); + box-shadow: 0 12px 16px rgba(15, 23, 42, 0.14); } .card-media { @@ -93,7 +93,7 @@ } .is-current .card-shell { - box-shadow: 0 12px 20px rgba(15, 23, 42, 0.18); + box-shadow: 0 12px 16px rgba(15, 23, 42, 0.18); } .is-single .swiper-stage { diff --git a/src/pages/Discovery/components/DiscoveryAudioToolCard/styles/index.scss b/src/pages/Discovery/components/DiscoveryAudioToolCard/styles/index.scss index 625a144..8f3ee10 100644 --- a/src/pages/Discovery/components/DiscoveryAudioToolCard/styles/index.scss +++ b/src/pages/Discovery/components/DiscoveryAudioToolCard/styles/index.scss @@ -1,9 +1,9 @@ .discovery-audio-tool-card { width: 100%; - height: 96px; display: flex; align-items: flex-start; box-sizing: border-box; + padding: 0 12px; } .discovery-audio-tool-card.is-pressed { @@ -28,7 +28,7 @@ height: 88px; display: flex; flex-direction: column; - padding: 18px 12px 14px; + padding: 12px; border-radius: 28px; background: #ffffff; box-sizing: border-box; @@ -94,7 +94,6 @@ .audio-progress-row { display: flex; align-items: center; - margin-top: 16px; } .audio-progress-track { @@ -114,9 +113,9 @@ .audio-time { flex: 0 0 90px; max-width: 90px; - margin-left: 12px; + margin-left: 10px; color: #94a0b2; - font-size: 15px; + font-size: 12px; line-height: 20px; font-weight: 600; text-align: right; diff --git a/src/pages/Discovery/components/DiscoveryGuideMapToolCard/styles/index.scss b/src/pages/Discovery/components/DiscoveryGuideMapToolCard/styles/index.scss index a36e888..9bcebdc 100644 --- a/src/pages/Discovery/components/DiscoveryGuideMapToolCard/styles/index.scss +++ b/src/pages/Discovery/components/DiscoveryGuideMapToolCard/styles/index.scss @@ -4,6 +4,7 @@ display: flex; align-items: flex-start; box-sizing: border-box; + padding: 0 12px; } .discovery-guide-map-tool-card.is-pressed { diff --git a/src/pages/Discovery/components/DiscoveryPhotoToolCard/styles/index.scss b/src/pages/Discovery/components/DiscoveryPhotoToolCard/styles/index.scss index 55477b2..15684c3 100644 --- a/src/pages/Discovery/components/DiscoveryPhotoToolCard/styles/index.scss +++ b/src/pages/Discovery/components/DiscoveryPhotoToolCard/styles/index.scss @@ -4,6 +4,7 @@ display: flex; align-items: flex-start; box-sizing: border-box; + padding: 0 12px; } .discovery-photo-tool-card.is-pressed { @@ -28,7 +29,7 @@ height: 142px; display: flex; flex-direction: column; - padding: 16px 12px 12px; + padding: 12px; border-radius: 28px; background: #ffffff; box-sizing: border-box; @@ -197,7 +198,7 @@ display: flex; align-items: flex-start; gap: 8px; - margin-top: 10px; + margin-top: 6px; } .photo-option { @@ -250,7 +251,7 @@ .photo-option-label { display: block; max-width: 76px; - margin: 5px auto 0; + margin: 2px auto 0; color: $theme-color-500; font-size: 14px; line-height: 18px; diff --git a/src/pages/Discovery/components/ExploreCards/styles/index.scss b/src/pages/Discovery/components/ExploreCards/styles/index.scss index 6fba846..44864fb 100644 --- a/src/pages/Discovery/components/ExploreCards/styles/index.scss +++ b/src/pages/Discovery/components/ExploreCards/styles/index.scss @@ -2,7 +2,6 @@ width: 100%; height: 356px; overflow: hidden; - padding-bottom: 12px; } .explore-scroll { diff --git a/src/pages/Discovery/components/QuickQuestions/styles/index.scss b/src/pages/Discovery/components/QuickQuestions/styles/index.scss index 2c0df97..e7f7791 100644 --- a/src/pages/Discovery/components/QuickQuestions/styles/index.scss +++ b/src/pages/Discovery/components/QuickQuestions/styles/index.scss @@ -1,5 +1,5 @@ .container-scroll { - margin: 4px 0 6px; + } .card-item { diff --git a/src/pages/Discovery/index.vue b/src/pages/Discovery/index.vue index 9a48c0b..8f13f38 100644 --- a/src/pages/Discovery/index.vue +++ b/src/pages/Discovery/index.vue @@ -12,9 +12,9 @@ - + + + @@ -260,5 +260,8 @@ onMounted(() => { .discovery-body { width: 100%; + gap: 12px; + display: flex; + flex-direction: column; }