Updated member details page

This commit is contained in:
Peter Zimon 2021-02-08 15:35:08 +01:00
parent 697a28ecef
commit 0ef70cb568
4 changed files with 10 additions and 8 deletions

View File

@ -1,7 +1,7 @@
<div class="gh-member-feed gh-main-section-content pr" ...attributes>
<h4 class="gh-main-section-heading no-border">Member activity</h4>
<div class="gh-content-box flex-auto flex flex-column justify-between items-stretch">
<div class="gh-content-box grey flex-auto flex flex-column justify-between items-stretch">
<div>
{{#if this.activities}}
{{#each this.firstActivities as |activity|}}

View File

@ -63,8 +63,9 @@
</div>
</section>
<section class="gh-main-section flex items-start">
<div class="width-67 gh-main-section-content pt pr">
<h4 class="gh-main-section-heading no-border">Basic info</h4>
<section class="gh-main-section gh-content-box grey flex items-start">
<div class="width-67 gh-main-section-content pa prx2">
<div>
<GhFormGroup @errors={{this.member.errors}} @hasValidated={{this.member.hasValidated}} @property="name" @classNames="max-width">
<label for="member-name">Name</label>
@ -98,7 +99,7 @@
</div>
</GhFormGroup>
</div>
<div class="gh-main-section-content pt width-34">
<div class="gh-main-section-content pa width-34">
<div class="flex-auto flex flex-column items-stretch">
<div>
<GhFormGroup @classNames="gh-member-labels">

View File

@ -949,10 +949,11 @@
padding: 0 var(--main-layout-content-sidepadding);
}
.gh-main-section-content.pa { padding: 20px 24px 24px; }
.gh-main-section-content.pt { padding-top: 10px; }
.gh-main-section-content.pr { padding-right: 54px; }
.gh-main-section-content.pr { padding-right: 24px; }
.gh-main-section-content.pb { padding-bottom: 10px; }
.gh-main-section-content.pl { padding-left: 54px; }
.gh-main-section-content.pl { padding-left: 24px; }
.gh-main-white .gh-canvas-header {
background: var(--white);

View File

@ -35,10 +35,10 @@
</form>
{{#unless this.member.isNew}}
<div class="w-60">
<div class="gh-main-section">
<button
type="button"
class="gh-btn gh-btn-red gh-btn-icon mt14"
class="gh-btn gh-btn-red gh-btn-icon"
{{on "click" this.toggleDeleteMemberModal}}
data-test-button="delete-member"
>