0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-24 23:48:13 -05:00

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> <div class="gh-member-feed gh-main-section-content pr" ...attributes>
<h4 class="gh-main-section-heading no-border">Member activity</h4> <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> <div>
{{#if this.activities}} {{#if this.activities}}
{{#each this.firstActivities as |activity|}} {{#each this.firstActivities as |activity|}}

View file

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

View file

@ -949,10 +949,11 @@
padding: 0 var(--main-layout-content-sidepadding); 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.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.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 { .gh-main-white .gh-canvas-header {
background: var(--white); background: var(--white);

View file

@ -35,10 +35,10 @@
</form> </form>
{{#unless this.member.isNew}} {{#unless this.member.isNew}}
<div class="w-60"> <div class="gh-main-section">
<button <button
type="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}} {{on "click" this.toggleDeleteMemberModal}}
data-test-button="delete-member" data-test-button="delete-member"
> >