diff --git a/src/components/layout/TopTabsSection/index.module.css b/src/components/layout/TopTabsSection/index.module.css index 3a95aeb..cf43825 100644 --- a/src/components/layout/TopTabsSection/index.module.css +++ b/src/components/layout/TopTabsSection/index.module.css @@ -1,4 +1,5 @@ .topTabsSection { + padding: 6.25rem 0 0 0; padding: 6.25rem 16.25rem 0 16.25rem; width: 100%; height: calc(100vh / var(--zoom-compensation, 1)); @@ -182,16 +183,19 @@ flex: 8; img { - width: 50rem; - height: 31.25rem; + /* width: 50rem; + height: 31.25rem; */ + width: 41.667vw; + aspect-ratio: 800 / 500; object-fit: cover; display: block; } } .sideImageSwiper { - width: 50rem; - height: 31.25rem; + /* width: 50rem; + height: 31.25rem; */ + width: 41.667vw; --swiper-pagination-color: #14355c; --swiper-pagination-bullet-inactive-color: #d5d8dc; --swiper-pagination-bullet-inactive-opacity: 1; diff --git a/src/components/layout/TopTabsSection/index.tsx b/src/components/layout/TopTabsSection/index.tsx index 23e4bda..478bf0f 100644 --- a/src/components/layout/TopTabsSection/index.tsx +++ b/src/components/layout/TopTabsSection/index.tsx @@ -94,7 +94,6 @@ export default function TopTabsSection({ data, className }: { data: Data, classN dangerouslySetInnerHTML={{ __html: data.tabItems[activeIndex].contentText ?? data.tabItems[activeIndex].content as any }} > - {/* {data.tabItems[activeIndex].contentText ?? data.tabItems[activeIndex].content} */}
@@ -120,7 +119,7 @@ export default function TopTabsSection({ data, className }: { data: Data, classN ))} - ) : ( + ) : (