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;
}