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