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