diff --git a/src/components/CarouselWithIntro/CarouselWithIntro.vue b/src/components/CarouselWithIntro/CarouselWithIntro.vue index 75b2e81..1c4c67f 100644 --- a/src/components/CarouselWithIntro/CarouselWithIntro.vue +++ b/src/components/CarouselWithIntro/CarouselWithIntro.vue @@ -114,4 +114,18 @@ const qr = computed(() => props.data.qrFileList ?? []) color: var(--carousel-introColor); } } +@media (min-aspect-ratio: 1/1) { + .benefits-wrapper { + flex-direction: row; + align-items: flex-start; + padding-top: 100px; + padding-left: 63px; + .carousel { + position: relative; + } + } + .title { + padding-top: 0; + } +} diff --git a/src/components/PublicComponent/Tabs.vue b/src/components/PublicComponent/Tabs.vue index 175a12a..7325b84 100644 --- a/src/components/PublicComponent/Tabs.vue +++ b/src/components/PublicComponent/Tabs.vue @@ -126,4 +126,17 @@ const goPage = item => { margin-left: 24px; } } +@media (min-aspect-ratio: 1/1) { + .tabs { + top: 156px; + left: 456px; + right: 456px; + .item { + height: 124px; + .icon { + height: 80px; + } + } + } +}