diff --git a/src/app/_modules/pages/page/page.component.scss b/src/app/_modules/pages/page/page.component.scss
index e915755..132f0c3 100644
--- a/src/app/_modules/pages/page/page.component.scss
+++ b/src/app/_modules/pages/page/page.component.scss
@@ -15,6 +15,8 @@
height: 400px;
background-color: #86898E;
background-size: cover;
+ background-position: center;
+
.block{
position: absolute;
top:136px;
diff --git a/src/app/_modules/pages/sections/types/basic/member/list/member-section-list.component.html b/src/app/_modules/pages/sections/types/basic/member/list/member-section-list.component.html
index ba0456c..67f5ebb 100644
--- a/src/app/_modules/pages/sections/types/basic/member/list/member-section-list.component.html
+++ b/src/app/_modules/pages/sections/types/basic/member/list/member-section-list.component.html
@@ -5,44 +5,28 @@
+
+
-
-
-
-
-
-
![]()
-
-
-
{{field?.value?.data[0]}}
-
-
-
{{field?.value?.data[0]}}
-
-
-
-
-
-
-
-
+
![]()
+
+
+
+
+
+
+
+
diff --git a/src/app/_modules/pages/sections/types/basic/member/list/member-section-list.component.scss b/src/app/_modules/pages/sections/types/basic/member/list/member-section-list.component.scss
index 8518cf3..8a88163 100644
--- a/src/app/_modules/pages/sections/types/basic/member/list/member-section-list.component.scss
+++ b/src/app/_modules/pages/sections/types/basic/member/list/member-section-list.component.scss
@@ -26,17 +26,28 @@
}
.list {
margin: 32px 0;
- display: flex;
- gap: 40px;
+
width: 100%;
+ display: flex;
+ flex-direction: row;
flex-wrap: wrap;
+ justify-content: flex-start;
+ align-items: flex-start;
+ align-content: flex-start;
+ gap: 40px;
+
.item {
object-fit: cover;
display: flex;
flex-direction: column;
-
+ flex-grow: 0;
flex-basis: 30%;
+ gap: 16px;
+ overflow: hidden;
+ >*{
+ width: 100%;
+ }
>div{
>*{margin-bottom: 16px;}
}
@@ -44,7 +55,16 @@
}
.image {
- background: url("/assets/images/view-man.svg") center no-repeat;
+ // background: url("/assets/images/view-man.svg") center no-repeat;
+
+ object-fit: cover;
+ height: 370px;
+ border-radius: 12px;
+ border: 1px solid rgba(45, 45, 45, 0.27);
+
+ }
+ .image {
+ // background: url("/assets/images/view-man.svg") center no-repeat;
img {
width: 273px;
object-fit: cover;
diff --git a/src/app/_modules/pages/sections/types/basic/member/list/member-section-list.component.ts b/src/app/_modules/pages/sections/types/basic/member/list/member-section-list.component.ts
index d4917a0..da10129 100644
--- a/src/app/_modules/pages/sections/types/basic/member/list/member-section-list.component.ts
+++ b/src/app/_modules/pages/sections/types/basic/member/list/member-section-list.component.ts
@@ -21,6 +21,23 @@ export class MemberSectionListComponent {
ngOnInit() {
}
+ //
+ //
+
+ getFields(member){
+
+ let fields:any = {};
+ member.groups.data.forEach(group =>{
+ group.fields.data.forEach(field =>{
+ if(field.name&&field?.value?.data[0]){
+
+ fields[field.name] = field?.value?.data[0]
+ }
+ })
+ })
+ return fields
+ }
+
get title() {
return this.section?.groups?.data[0]?.fields?.data[0]?.value?.data[0];