diff --git a/src/app/_modules/pages/sections/types/basic/images/images-section.component.html b/src/app/_modules/pages/sections/types/basic/images/images-section.component.html index 786bc1d..45c5489 100644 --- a/src/app/_modules/pages/sections/types/basic/images/images-section.component.html +++ b/src/app/_modules/pages/sections/types/basic/images/images-section.component.html @@ -14,7 +14,7 @@
- +
@@ -23,6 +23,7 @@
+ diff --git a/src/app/_modules/pages/sections/types/basic/images/images-section.component.scss b/src/app/_modules/pages/sections/types/basic/images/images-section.component.scss index 4ae12f3..14d628e 100644 --- a/src/app/_modules/pages/sections/types/basic/images/images-section.component.scss +++ b/src/app/_modules/pages/sections/types/basic/images/images-section.component.scss @@ -71,36 +71,36 @@ } .carousel { + display: flex; - flex-direction: row; - justify-content: center; - column-gap: 42px; - margin-bottom: 20px; align-items: center; - width: 100%; + justify-content:center; + gap: 24px; .prev, .next { cursor: pointer; + z-index: 1; + &.prev{ + left:0; + } + &.next{ + right:0; + } } .center { - display: flex; - overflow: hidden; - width: 100%; - height: 100%; + width: 600px; + } } .slide { - width: 100%; - height: 100%; - display: flex; - justify-content: center; - align-items: center; + width: 600px; + height: 450px; + display: block; img { - display: block; - width: 100%; - height: 450px; object-fit: cover; + width: 100%; + height: 100%; } } diff --git a/src/app/_modules/pages/sections/types/basic/images/images-section.component.ts b/src/app/_modules/pages/sections/types/basic/images/images-section.component.ts index a4a2190..30bbb32 100644 --- a/src/app/_modules/pages/sections/types/basic/images/images-section.component.ts +++ b/src/app/_modules/pages/sections/types/basic/images/images-section.component.ts @@ -11,7 +11,10 @@ SwiperCore.use([Navigation, Pagination]); export class ImagesSectionComponent { @Input() section: any; - public config: SwiperOptions; + public config: SwiperOptions = { + slidesPerView: 1, + spaceBetween: 50 + }; public parsedPhotos: any[] = [] public activePhoto: string = '' @@ -27,10 +30,8 @@ export class ImagesSectionComponent { ngOnInit() { - this.config = { - slidesPerView: 1, - spaceBetween: 40, - navigation: {prevEl: `#section-${this.section?.id} .prev`, nextEl: `#section-${this.section?.id} .next`} + this.config.navigation = { + prevEl: `#section-${this.section?.id} .prev`, nextEl: `#section-${this.section?.id} .next` } setTimeout(()=>{ diff --git a/src/assets/css/_grid.scss b/src/assets/css/_grid.scss index e6c071e..c9d442b 100644 --- a/src/assets/css/_grid.scss +++ b/src/assets/css/_grid.scss @@ -149,6 +149,14 @@ footer{ .footer{ padding: 40px 24px; } + .space{ + .layout-corral{ + max-width: 100vw; + } + } + right-content, left-content{ + display: none; + } } diff --git a/src/assets/css/_main-menu.scss b/src/assets/css/_main-menu.scss index 0390e4a..14b25a7 100644 --- a/src/assets/css/_main-menu.scss +++ b/src/assets/css/_main-menu.scss @@ -63,8 +63,8 @@ a.logo{ @media screen and (max-width: 1330px){ .header{ - >pages-menu.top-menu, >a.vnii{ - display: none; + pages-menu, >a.vnii{ + display: none !important; } }